<!DOCTYPE html>
<html lang="en" class="no-js">
  <script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>
  <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="generator" content="Hugo 0.55.6" />

  <meta name="ROBOTS" content="INDEX, FOLLOW" />

  <link rel="alternate" type="application/rss&#43;xml" href="/index.xml" />

  <link rel="shortcut icon" href="/assets/favicons/favicon.ico" />
  <link rel="apple-touch-icon" href="/assets/favicons/apple-touch-icon.png" sizes="180x180" />
  <link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16" />
  <link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="36x36" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="48x48" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="72x72" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="96x96" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-144x144.png" sizes="144x144" />
  <link rel="icon" type="image/png" href="/assets/favicons/android-192x192.png" sizes="192x192" />

  <title>Google Cloud Platform | Meshery</title>
  <meta property="og:title" content="Google Cloud Platform" />
  <meta property="og:description"
    content="As a self-service engineering platform, Meshery enables collaborative design and operation of cloud native infrastructure.
" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="http://localhost:4000" />
  <meta property="og:site_name" content="http://localhost:4000" />
  <meta property="og:image"
    content="https://raw.githubusercontent.com/meshery/meshery/master/docs/assets/img/meshery-cncf-twitter.png" />

  <meta itemprop="name" content="Google Cloud Platform" />
  <meta itemprop="description"
    content="As a self-service engineering platform, Meshery enables collaborative design and operation of cloud native infrastructure.
" />

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Google Cloud Platform" />
  <meta name="twitter:description"
    content="As a self-service engineering platform, Meshery enables collaborative design and operation of cloud native infrastructure.
" />
  <meta name="twitter:image"
    content="https://raw.githubusercontent.com/meshery/meshery/master/docs/assets/img/meshery-cncf-twitter.png" />
  
    <!-- <link rel="stylesheet" href="/assets/css/palette.css" /> -->
  <!-- <link rel="stylesheet" href="/assets/css/anchorjs.css" /> -->
  <link rel="stylesheet" href="/assets/css/sass.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" />

  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PCGTC98C');</script>

  <!-- End Google Tag Manager -->
  
  
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js"
    integrity="sha512-qzgd5cYSZcosqpzpn7zF2ZId8f/8CHmFKZ8j7mU4OUXTNRd5g+ZHBPsgKEwoqxCtdQvExE5LprwwPAgoicguNg=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>



  <!-- Anchorjs included for adding hover anchor links to headings -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.2/anchor.min.js"></script>
  <script>
    $(function () {
      /** AnchorJS options and selector */
      anchors.options = {
        visible: "hover",
        placement: "right",
      };
      anchors.add("h1, h2, h3, h4, h5");
    });
    // Function to handle anchor links
    document.addEventListener('click', function (event) {
      if (event.target.tagName === 'A' && event.target.getAttribute('href').startsWith('#')) {
        window.location.hash = event.target.getAttribute('href');
      }
    });
  </script>
</head>
 <header>
  <nav class="js-navbar-scroll navbar">
    <a class="navbar-brand" href="/">
      <div class="navbar-logo">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1703.46 182.75"><defs><style>.cls-1{fill:#00d3a9;}.cls-2{fill:#00b39f;}.cls-3{fill:#3c494f;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M96,43.12V86.7l38.52-21.91Z"/><path class="cls-1" d="M96,95.82v43.92l38.87-21.9Z"/><path class="cls-2" d="M90.43,86.47v-43L52.38,64.91Z"/><path class="cls-2" d="M14,139.51a93,93,0,0,0,29.56,29.21v-46Z"/><path class="cls-2" d="M90.42,139.51V96.17L52.25,117.84Z"/><path class="cls-1" d="M49.08,166,87.72,144.3,49.08,122.4Z"/><path class="cls-2" d="M137.57,166.21V122.63L98.94,144.31Z"/><path class="cls-2" d="M175.4,134.5a89.15,89.15,0,0,0,10.94-39.13L146.07,118Z"/><path class="cls-1" d="M143.13,113.28,182,91.49,143.13,69.7Z"/><path class="cls-2" d="M137.56,60.23V17L99.15,38.56Z"/><path class="cls-2" d="M137.55,113.05V69.47L99,91.26Z"/><path class="cls-1" d="M49.08,69.36v44L88,91.26Z"/><path class="cls-2" d="M90.43,0a93.2,93.2,0,0,0-41,10.61l41,23Z"/><path class="cls-1" d="M49.08,16.65V60.46L88,38.56Z"/><path class="cls-2" d="M43.55,14A91.83,91.83,0,0,0,14,43.23L43.55,60V14Z"/><path class="cls-1" d="M137.32,10.84A94.71,94.71,0,0,0,96,0V34Z"/><path class="cls-1" d="M0,94.57a89.28,89.28,0,0,0,11.17,40.27l29.91-17Z"/><path class="cls-1" d="M11.17,47.91A90.17,90.17,0,0,0,0,88.06L41.08,64.91l-30-17Z"/><path class="cls-2" d="M49.47,172a93.47,93.47,0,0,0,41,10.61V149l-41,22.93Z"/><path class="cls-1" d="M172.46,43.35a93,93,0,0,0-29.33-29.09V60Z"/><path class="cls-1" d="M143.13,168.6a91.72,91.72,0,0,0,29.45-29.31l-29.45-16.66v46Z"/><path class="cls-2" d="M186.42,87.72A89.58,89.58,0,0,0,175.36,48L145.68,64.79Z"/><path class="cls-1" d="M96,182.75a93.24,93.24,0,0,0,41-10.61L96,148.87Z"/><path class="cls-2" d="M43.55,112.94V69.81L5.38,91.26Z"/><path class="cls-3" d="M784.8,56.17v92H889.85v-22h-83V104.6h63.94v-22H806.81V61.05h83v-22H784.8Z"/><path class="cls-3" d="M379.53,56.17v92H485v-22H402V104.6H465.9v-22H402V61.05H485v-22H379.53Z"/><path class="cls-3" d="M630.74,119.66a23.83,23.83,0,0,1-2.49,11,28.89,28.89,0,0,1-6.22,9,35.86,35.86,0,0,1-9.14,6.1,27.83,27.83,0,0,1-11.21,2.44H497.87V125.36H601.68a5.38,5.38,0,0,0,4.15-1.63,5.15,5.15,0,0,0,1.66-4.07v-9a5.15,5.15,0,0,0-1.66-4.07,5.38,5.38,0,0,0-4.15-1.63H526.94a25.15,25.15,0,0,1-11.22-2.44,29.55,29.55,0,0,1-9.13-6.11,34.86,34.86,0,0,1-6.23-8.95,23.86,23.86,0,0,1-2.49-11v-9a23.79,23.79,0,0,1,2.49-11,34.74,34.74,0,0,1,6.23-9,35.37,35.37,0,0,1,9.13-6.1,25.15,25.15,0,0,1,11.22-2.45h103.8v23.2H526.94a5.42,5.42,0,0,0-4.16,1.63A5.19,5.19,0,0,0,521.12,68v9A5.2,5.2,0,0,0,522.78,81a5.41,5.41,0,0,0,4.16,1.62h74.74a25.11,25.11,0,0,1,11.21,2.45,35.6,35.6,0,0,1,9.14,6.1,34.71,34.71,0,0,1,6.22,9,26.4,26.4,0,0,1,2.49,11Z"/><path class="cls-3" d="M770.68,148.15H749.51V105.42H666.87v42.73H645.7V82.22H749.51V39.07h21.17ZM666.87,72H645.7V39.48h21.17Z"/><path class="cls-3" d="M1073,77.33l-27.83-38.26h-27.82l44.43,65.53v43.55h22.43V104.6l44.43-65.53h-27.41Z"/><path class="cls-3" d="M927.64,59.83h56.89V83H938.85v20.76h10.38l40.28,44.77h27.41l-40.28-44.77h15.78a17.37,17.37,0,0,0,17.44-17.1V56.17a17.38,17.38,0,0,0-17.44-17.1H906.05V147.75h22Z"/><path class="cls-3" d="M360.43,57.39c-4.57-10.58-15.78-18.32-27.82-17.91H223.81V148.56h23.67V62.27c32.39,0,86.37-.4,87.62.41,8.3-2.44,2.49,82.22,4.15,85.07h23.67C361.67,140.42,365,62.27,360.43,57.39Z"/><path class="cls-3" d="M305.2,74.48H281.53v73.67H305.2Z"/><rect class="cls-3" x="1235.62" y="1.38" width="5" height="180"/><path class="cls-3" d="M1408,39.61c28.88,0,49.39,23.49,49.39,52.38s-20.51,52.38-49.39,52.38h-40.42a2.68,2.68,0,0,1-3-3V42.6a2.68,2.68,0,0,1,3-3H1408Zm0,94.89c23.34,0,39.21-19,39.21-42.51S1431.34,49.48,1408,49.48h-32.93v85Zm101.7,11.67A39.22,39.22,0,1,1,1549.07,107,38.9,38.9,0,0,1,1509.7,146.17Zm0-9.58A29.64,29.64,0,1,0,1480.22,107,29.2,29.2,0,0,0,1509.7,136.59ZM1633,120.43c2.09,0,3.29,1.34,2.39,3.44-5.24,13.32-18.86,22.3-34.72,22.3-22.6,0-39.37-17.06-39.37-39.21s16.77-39.22,39.37-39.22c15.86,0,29.33,9,34.72,22.3.9,2.1-.3,3.45-2.39,3.45h-4.35a3.76,3.76,0,0,1-3.59-2.25c-4.49-8.53-13.62-13.92-24.39-13.92a29.64,29.64,0,0,0,0,59.27c10.92,0,20-5.54,24.39-13.92a3.76,3.76,0,0,1,3.59-2.24Zm26.44-31.28c0,19,44,7.63,44,35.62,0,12.27-11.07,21.4-27.69,21.4-15.41,0-26-7.78-27.54-20.35-.15-2.1,1-3.15,3-3.15h3.89c1.79,0,2.69,1,3.14,2.85,1.35,8.23,9,11.07,17.51,11.07,9.43,0,17.81-3.44,17.81-11.82,0-19-44-7.64-44-35.62,0-12.28,11.08-21.41,26.19-21.41,14.07,0,24.55,7.79,26,20.36.15,2.09-1,3.14-3,3.14h-3.89c-1.8,0-2.69-1-3.14-2.84-1.35-8.23-8.83-11.08-16-11.08C1667.84,77.32,1659.46,80.77,1659.46,89.15Z"/></g></g></svg>
      </div>
      <div class="mobile">
        <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 379.08 80.17"><defs><style>.cls-1{fill:#00d3a9;}.cls-2{fill:#00b39f;}.cls-3 {fill:var(--meshery-logo-text-fill);}</style></defs><polygon class="cls-1" points="41.26 18.9 41.26 38.04 57.86 28.43 41.26 18.9"/><polygon class="cls-1" points="41.26 42.05 41.26 61.29 58.01 51.71 41.26 42.05"/><polygon class="cls-2" points="38.87 37.91 38.87 19.06 22.48 28.45 38.87 37.91"/><path class="cls-2" d="M6,61.22A40.35,40.35,0,0,0,18.71,74V53.86Z"/><polygon class="cls-2" points="38.87 61.2 38.87 42.19 22.44 51.7 38.87 61.2"/><polygon class="cls-1" points="21.1 72.81 37.74 63.3 21.1 53.68 21.1 72.81"/><polygon class="cls-2" points="59.15 72.92 59.15 53.81 42.53 63.31 59.15 72.92"/><path class="cls-2" d="M75.42,59a39.88,39.88,0,0,0,4.71-17.18l-17.32,9.9Z"/><polygon class="cls-1" points="61.54 49.7 78.23 40.15 61.54 30.55 61.54 49.7"/><polygon class="cls-2" points="59.15 26.42 59.15 7.43 42.61 16.91 59.15 26.42"/><polygon class="cls-2" points="59.15 49.61 59.15 30.45 42.57 40.05 59.15 49.61"/><polygon class="cls-2" points="40.07 80.17 40.07 80.17 40.07 80.17 40.07 80.17"/><polygon class="cls-1" points="21.1 30.41 21.1 49.72 37.8 40.05 21.1 30.41"/><path class="cls-2" d="M38.87,0A40,40,0,0,0,21.28,4.65L38.87,14.77Z"/><polygon class="cls-1" points="21.1 7.31 21.1 26.49 37.81 16.91 21.1 7.31"/><path class="cls-2" d="M18.71,6.14A40.28,40.28,0,0,0,6,18.94l12.72,7.34Z"/><path class="cls-1" d="M59,4.74A40,40,0,0,0,41.26,0V14.93Z"/><path class="cls-1" d="M0,41.48A40,40,0,0,0,4.79,59.16L17.67,51.7Z"/><path class="cls-1" d="M4.79,21A40,40,0,0,0,0,38.58L17.69,28.45Z"/><path class="cls-2" d="M21.24,75.49a39.88,39.88,0,0,0,17.63,4.66V65.41Z"/><path class="cls-1" d="M74.17,19A40.24,40.24,0,0,0,61.54,6.21v20.1Z"/><path class="cls-1" d="M61.54,74A40.34,40.34,0,0,0,74.23,61.07L61.54,53.75Z"/><path class="cls-2" d="M80.13,38.48a39.88,39.88,0,0,0-4.76-17.42L62.64,28.43Z"/><path class="cls-1" d="M41.26,80.15a39.79,39.79,0,0,0,17.59-4.64L41.26,65.34Z"/><polygon class="cls-2" points="18.71 49.54 18.71 30.61 2.27 40.04 18.71 49.54"/><polygon class="cls-3" points="269.94 29.39 269.94 30.89 269.94 37.93 269.94 46.53 269.94 59.08 303.36 59.08 303.36 52.03 276.99 52.03 276.99 46.53 276.99 44.98 297.25 44.98 297.25 37.93 276.99 37.93 276.99 30.89 303.36 30.89 303.36 23.84 269.94 23.84 269.94 29.39"/><polygon class="cls-3" points="141.41 29.39 141.41 30.89 141.41 37.93 141.41 46.53 141.41 59.08 174.83 59.08 174.83 52.03 148.46 52.03 148.46 46.53 148.46 44.98 168.72 44.98 168.72 37.93 148.46 37.93 148.46 30.89 174.83 30.89 174.83 23.84 141.41 23.84 141.41 29.39"/><path class="cls-3" d="M221.08,49.87a8.74,8.74,0,0,1-.73,3.57,9,9,0,0,1-2,2.94,9.5,9.5,0,0,1-2.93,2,9,9,0,0,1-3.6.73h-33V51.66h33a1.78,1.78,0,0,0,1.79-1.79V47a1.76,1.76,0,0,0-.52-1.27,1.73,1.73,0,0,0-1.27-.51H188.09a8.74,8.74,0,0,1-3.57-.73,9.4,9.4,0,0,1-5-5,8.9,8.9,0,0,1-.73-3.57V33.09a9.11,9.11,0,0,1,.73-3.59,9.58,9.58,0,0,1,2-2.94,9.32,9.32,0,0,1,3-2,8.9,8.9,0,0,1,3.57-.72h33v7.47h-33a1.78,1.78,0,0,0-1.79,1.78V36a1.78,1.78,0,0,0,1.79,1.79h23.73a9.11,9.11,0,0,1,3.6.72,9.59,9.59,0,0,1,2.93,2,9.41,9.41,0,0,1,2,2.94,8.9,8.9,0,0,1,.73,3.59Z"/><path class="cls-3" d="M265.54,59.08h-6.73V45.22H232.6V59.08h-6.72V37.75h32.93V23.84h6.73ZM232.6,34.44h-6.72V23.84h6.72Z"/><polygon class="cls-3" points="361.45 36.17 352.64 23.84 343.83 23.84 357.93 44.98 357.93 59.08 364.98 59.08 364.98 44.98 379.08 23.84 370.38 23.84 361.45 36.17"/><path class="cls-3" d="M315.35,30.56h18.07v7.33H318.86v6.72h3.34L335,59.08h8.7L330.9,44.61h5a5.48,5.48,0,0,0,5.48-5.48V29.31a5.47,5.47,0,0,0-5.48-5.47H308.44V59.08h7.05Z"/><path class="cls-3" d="M136,59.08h-7.47V33.38a1.94,1.94,0,0,0-.16-.8,2.15,2.15,0,0,0-1.11-1.11,1.94,1.94,0,0,0-.8-.16H91.91V23.84h34.54a9.22,9.22,0,0,1,3.69.75,9.38,9.38,0,0,1,5.1,5.1,9.22,9.22,0,0,1,.75,3.69Zm-36.6,0H91.91V31.31l7.48-2Zm18.28,0h-7.48V35.22h7.48Z"/></svg>
      </div>
    </a>

    <div id="main_navbar">
      <ul class="navbar-nav">
        <!-- 
			<li class="nav-item">
        <a class="nav-link" href="https://github.com/meshery/meshery" target="_blank"><span>GitHub</span></a>
      </li>  -->

        <!-- Internal links -->
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="/installation/quick-start"
            ><span>Quick Start</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="https://meshery.io"
            ><span>Website</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="http://discuss.meshery.io/"
            ><span>Discuss</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="https://meshery.io/catalog"
            ><span>Catalog</span></a
          >
        </li>
        
        <li class="nav-item">
          <a
            class="nav-link"
            href="https://meshery.io/blog"
            ><span>Blog</span></a
          >
        </li>
        
        
        <a href="https://play.meshery.io">
          <div class="nav-btn">Playground</div>
        </a>
        <!--Version Selector -->
        <select
          onchange="window.location=this.value"
          class="appearance-none flex-1 w-full px-0 py-1 placeholder-gray-900 tracking-wide focus:outline-none version-selector"
          name="versioningSelection"
          id="versioningSelection"
        >
          <!-- <option value="">Versions</option> -->
           <!-- we get the version selected, and put it to the right option  --><option
            
            value="/"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>latest</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option
            
            value="/v0.6"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>v0.6</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option
            
            value="/v0.5"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>v0.5</span>
          </option>
          <!-- we get the version selected, and put it to the right option  --><option
            
            value="/v0.4"
            class="nav-item mr-4 mb-2 mb-lg-0 text-black"
          >
            <span>v0.4</span>
          </option>
          
        </select>
      </ul>
    </div>

    <div class="icon-container">
      <button class="nav-toggle-btn nav-toggle-btn--main">
        <svg
          id="menu-nav-toggle-btn"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
          stroke-linejoin="round"
          class="feather feather-menu"
        >
          <line x1="3" y1="12" x2="21" y2="12"></line>
          <line x1="3" y1="6" x2="21" y2="6"></line>
          <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
      </button>
      <button class="nav-mode-icon" id="mode-toggle-btn" style="text-align: center">
        <img class="nav-text" id="logo-dark-light" src="/assets/img/nav-icons/mode-toggle-icon-moon.png" 
        data-logo-for-dark="/assets/img/nav-icons/mode-toggle-icon-moon.png"
        data-logo-for-light="/assets/img/nav-icons/mode-toggle-icon-sun.png"
        />
      </button>
    </div>

    <!--Search Bar
    <div class="navbar-nav d-none d-lg-block"><input type="search" class="form-control td-search-input" placeholder="&#xf002 Search this site…" aria-label="Search this site…" autocomplete="off"></div>-->

    <!-- meshery-custom-begin
	<div class="navbar-nav d-none d-lg-block">
          <a class="gh-source" data-gh-source="github" href="https://github.com/meshery/meshery" title="Go to repository" data-md-state="done">
          <div class="gh-source__repository">
            <i class="fab fa fa-github fa-2x" style='padding-right:20px; float:left; margin-top:5px'></i>
            meshery/meshery
          <ul class="gh-source__facts"><li class="gh-source__fact" id='stars'></li><li id="forks" class="gh-source__fact"></li></ul></div></a>
        </div>
      </div>
meshery-custom-end -->
  </nav>
</header>

<!-- meshery-custom-begin
<script>
$(document).ready(function() {
  var url = "https://api.github.com/search/repositories?q=meshery/meshery";
  fetch(url, { 
      headers: {"Accept":"application/vnd.github.preview"}
  }).then(function(e) {
    return e.json()
  }).then(function(r) {
     console.log(r.items[0])
     stars = r.items[0]['stargazers_count']
     forks = r.items[0]['forks_count']
     $('#stars').text(stars + " Stars")
     $('#forks').text(forks + " Forks")
  });
});
</script>
meshery-custom-end -->


  <body class="td-section dark-mode">
    <script>
      if(localStorage.getItem("mode") == "light-mode")  {
      document.body.classList.remove("dark-mode");
      const allLogos = document.querySelectorAll("#logo-dark-light");
      allLogos.forEach(e => e.src = e.dataset.logoForLight);
  }
    </script>
    <!-- Google Tag Manager -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PCGTC98C"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager -->

    <div class="flex-container">
      <div class="left-container">
        <div class="sidebar-container-wrapper">
          <div class="sidebar-container"><div class="sidebar-menu">
  <form class="sidebar__search-form">
    <input
      type="search"
      class="sidebar__search-input"
      id="sidebar-search-input"
      placeholder="Search this site..."
      aria-label="Search this site..."
      autocomplete="off"
    />
  </form>
  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> -->
  <script type="text/javascript">
    // <!--Ref: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView-->
    // <!--Ref: https://stackoverflow.com/questions/11039885/scrollintoview-causing-the-whole-page-to-move-->
    (() => {
      window.addEventListener("load", function () {
        let scrollElem = document.getElementsByClassName("sidebar-nav__section-link active").item(0);
        if (scrollElem) {
         scrollElem.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "start" });
        }
        let activeSections = document.querySelectorAll(".sidebar-nav__section-link.active");
      activeSections.forEach(function (activeSection) {
        let parentCollapse = activeSection.closest(".collapse");
        if (parentCollapse) {
          parentCollapse.classList.add("show");
        }
      });
    });
  })();
  </script>

  <nav class="sidebar-nav" id="td-section-nav">
    
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section0" aria-expanded="false" aria-controls="section0"> ⇅ </div>
        <a
          href="/project/overview"  class="toggle"  data-toggle="collapse" data-target="#section0" aria-expanded="false" aria-controls="section0"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🗺 Overview & Installation
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section0">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/faq"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >FAQs</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/installation/quick-start"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >🚀 Quick Start</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/installation"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Installation ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section1" aria-expanded="false" aria-controls="section1"> ⇅ </div>
        <a
          href="/concepts"  class="toggle"  data-toggle="collapse" data-target="#section1" aria-expanded="false" aria-controls="section1"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🧠 Concepts
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section1">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/concepts/architecture"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Architectural ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/concepts/logical"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Logical ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section2" aria-expanded="false" aria-controls="section2"> ⇅ </div>
        <a
          href="/guides"  class="toggle"  data-toggle="collapse" data-target="#section2" aria-expanded="false" aria-controls="section2"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 📚 Guides & Tutorials
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section2">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/infrastructure-management/overview"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >⚙️ Infrastructure Management ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/configuration-management"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Configuring Kubernetes Infrastructure ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/events-management"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Managing Events with Notification Center</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/infrastructure-management/gitops-with-meshery"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >GitOps with Meshery</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/performance-management"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Performance Management ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/mesheryctl"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Using Meshery CLI Guides ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/troubleshooting"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Troubleshooting Guides ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/guides/tutorials"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >🧑‍🔬 Tutorials ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section3" aria-expanded="false" aria-controls="section3"> ⇅ </div>
        <a
          href="/extensibility"  class="toggle"  data-toggle="collapse" data-target="#section3" aria-expanded="false" aria-controls="section3"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🛠 Integrations & Extensions
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section3">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/api"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >APIs</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/adapters"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Adapters ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/integrations"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Integrations</a
              >
            </li>
               <!-- end children -->
                <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/load-generators"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Load Generators</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/providers"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Providers</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/ui"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >UI Plugins</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensions"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >🦾 Extensions ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section4" aria-expanded="false" aria-controls="section4"> ⇅ </div>
        <a
          href="/project"  class="toggle"  data-toggle="collapse" data-target="#section4" aria-expanded="false" aria-controls="section4"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 🧑‍💻 Contributing & Community
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section4">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/community"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Community</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/contributing"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Contributing ↆ</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
    <ul class="sidebar-nav__section">
       

      <li class="sidebar-nav__section-title">
        <!-- Toggle button -->
        <div class="toggle"  data-toggle="collapse" data-target="#section5" aria-expanded="false" aria-controls="section5"> ⇅ </div>
        <a
          href="/reference"  class="toggle"  data-toggle="collapse" data-target="#section5" aria-expanded="false" aria-controls="section5"
          class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section "
          > 📖 Reference
        </a>
  
      
          <ul class="td-sidebar-nav__section collapse" id="section5">
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/error-codes"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Error Code Reference</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/permissions"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Permissions Keys Reference</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/extensibility/api"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >REST & GraphQL APIs ↆ</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/mesheryctl"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >CLI Command Reference</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/reference/meshery-operator-crds"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Meshery Operator CRDs</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/releases"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Releases</a
              >
            </li>
              <!-- end pageurl -->
             
            <li class="sidebar-nav__section-link ">
              <a
                href="/project/security-vulnerabilities"
                class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section"
                >Vulnerabilities</a
              >
            </li>
              <!-- end pageurl -->
             <!--  section.links -->
          </ul>
       <!--  section.links -->
    </li>
  </ul> <!-- end of "sidebar-nav__section" -->
  
</nav>
</div>
</div>
        </div>

        <div class="icon-container">
          <button class="nav-toggle-btn nav-toggle-btn--document">
            <?xml version="1.0" encoding="utf-8"?>
              <svg version="1.1" id="document-nav-toggle-btn" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px" y="0px" viewBox="0 0 10.7 18.7" style="enable-background:new 0 0 10.7 18.7;" xml:space="preserve">
              <style type="text/css">
                .st0{stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;}
              </style>
              <path class="st0" d="M8.1,9.4L1,1.9C0.7,1.7,0.7,1.2,1,1c0.3-0.3,0.7-0.3,1,0c0,0,0,0,0,0l7.8,7.9c0.3,0.3,0.3,0.7,0,1l-7.8,7.9
                c-0.3,0.3-0.7,0.3-1,0c0,0,0,0,0,0c-0.3-0.3-0.3-0.7,0-1L8.1,9.4z"/>
              </svg>
          </button>
        </div>
      </div>
      <main class="main-container" role="main">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb spb-1">
            <li class="breadcrumb-item active" aria-current="page"><div id="breadcrumbs">


   <a href="/">home</a>


  
    / <a href="/extensibility">extensibility</a> 
  

  
    / <a href="/extensibility/integrations">integrations</a> 
  

  
    / google cloud platform
  

</div>

<!-- <a href="http://idratherbewriting.com" class="noCrossRef productSubtitle"> Home </a> > <a class="noCrossRef productSubtitle" href="http://localhost:4000">Learn API Doc</a> > k8s-config-connector -->
</li>
          </ol>
        </nav>
        <div class="td-content">
          
          <h1>Google Cloud Platform</h1>
           Collaborative and visual infrastructure as design for Google Cloud Platform



<!-- components -->
<div>
    <section class="Compheading">
        
        <h3>
            Components ( 354 )
        </h3>
        <p>The Meshery model for Google Cloud Platform supports the following components.</p>
        
    </section>

    <section class="componentsSection">
        
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-level-condition/icons/color/access-context-manager-access-level-condition-color.svg" alt="access-context-manager-access-level-condition" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-level-condition/icons/white/access-context-manager-access-level-condition-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-level-condition/icons/color/access-context-manager-access-level-condition-color.svg" />
            </div>
            <p class="Compitems">access-context-manager-access-level-condition</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/access-context-manager-gcp-user-access-binding/icons/color/access-context-manager-gcp-user-access-binding-color.svg" alt="access-context-manager-gcp-user-access-binding" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/access-context-manager-gcp-user-access-binding/icons/white/access-context-manager-gcp-user-access-binding-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/access-context-manager-gcp-user-access-binding/icons/color/access-context-manager-gcp-user-access-binding-color.svg" />
            </div>
            <p class="Compitems">access-context-manager-gcp-user-access-binding</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-level/icons/color/access-context-manager-access-level-color.svg" alt="access-context-manager-access-level" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-level/icons/white/access-context-manager-access-level-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-level/icons/color/access-context-manager-access-level-color.svg" />
            </div>
            <p class="Compitems">access-context-manager-access-level</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-policy/icons/color/access-context-manager-access-policy-color.svg" alt="access-context-manager-access-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-policy/icons/white/access-context-manager-access-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/access-context-manager-access-policy/icons/color/access-context-manager-access-policy-color.svg" />
            </div>
            <p class="Compitems">access-context-manager-access-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/access-context-manager-service-perimeter/icons/color/access-context-manager-service-perimeter-color.svg" alt="access-context-manager-service-perimeter" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/access-context-manager-service-perimeter/icons/white/access-context-manager-service-perimeter-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/access-context-manager-service-perimeter/icons/color/access-context-manager-service-perimeter-color.svg" />
            </div>
            <p class="Compitems">access-context-manager-service-perimeter</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/access-context-manager-service-perimeter-resource/icons/color/access-context-manager-service-perimeter-resource-color.svg" alt="access-context-manager-service-perimeter-resource" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/access-context-manager-service-perimeter-resource/icons/white/access-context-manager-service-perimeter-resource-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/access-context-manager-service-perimeter-resource/icons/color/access-context-manager-service-perimeter-resource-color.svg" />
            </div>
            <p class="Compitems">access-context-manager-service-perimeter-resource</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/alloy-db-backup/icons/color/alloy-db-backup-color.svg" alt="alloy-db-backup" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/alloy-db-backup/icons/white/alloy-db-backup-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/alloy-db-backup/icons/color/alloy-db-backup-color.svg" />
            </div>
            <p class="Compitems">alloy-db-backup</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/alloy-db-cluster/icons/color/alloy-db-cluster-color.svg" alt="alloy-db-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/alloy-db-cluster/icons/white/alloy-db-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/alloy-db-cluster/icons/color/alloy-db-cluster-color.svg" />
            </div>
            <p class="Compitems">alloy-db-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/alloy-db-instance/icons/color/alloy-db-instance-color.svg" alt="alloy-db-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/alloy-db-instance/icons/white/alloy-db-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/alloy-db-instance/icons/color/alloy-db-instance-color.svg" />
            </div>
            <p class="Compitems">alloy-db-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/alloy-db-user/icons/color/alloy-db-user-color.svg" alt="alloy-db-user" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/alloy-db-user/icons/white/alloy-db-user-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/alloy-db-user/icons/color/alloy-db-user-color.svg" />
            </div>
            <p class="Compitems">alloy-db-user</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/api-gateway-api/icons/color/api-gateway-api-color.svg" alt="api-gateway-api" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/api-gateway-api/icons/white/api-gateway-api-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/api-gateway-api/icons/color/api-gateway-api-color.svg" />
            </div>
            <p class="Compitems">api-gateway-api</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/api-gateway-api-config/icons/color/api-gateway-api-config-color.svg" alt="api-gateway-api-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/api-gateway-api-config/icons/white/api-gateway-api-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/api-gateway-api-config/icons/color/api-gateway-api-config-color.svg" />
            </div>
            <p class="Compitems">api-gateway-api-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/api-gateway-gateway/icons/color/api-gateway-gateway-color.svg" alt="api-gateway-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/api-gateway-gateway/icons/white/api-gateway-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/api-gateway-gateway/icons/color/api-gateway-gateway-color.svg" />
            </div>
            <p class="Compitems">api-gateway-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-addons-config/icons/color/apigee-addons-config-color.svg" alt="apigee-addons-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-addons-config/icons/white/apigee-addons-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-addons-config/icons/color/apigee-addons-config-color.svg" />
            </div>
            <p class="Compitems">apigee-addons-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-endpoint-attachment/icons/color/apigee-endpoint-attachment-color.svg" alt="apigee-endpoint-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-endpoint-attachment/icons/white/apigee-endpoint-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-endpoint-attachment/icons/color/apigee-endpoint-attachment-color.svg" />
            </div>
            <p class="Compitems">apigee-endpoint-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-envgroup/icons/color/apigee-envgroup-color.svg" alt="apigee-envgroup" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-envgroup/icons/white/apigee-envgroup-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-envgroup/icons/color/apigee-envgroup-color.svg" />
            </div>
            <p class="Compitems">apigee-envgroup</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-envgroup-attachment/icons/color/apigee-envgroup-attachment-color.svg" alt="apigee-envgroup-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-envgroup-attachment/icons/white/apigee-envgroup-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-envgroup-attachment/icons/color/apigee-envgroup-attachment-color.svg" />
            </div>
            <p class="Compitems">apigee-envgroup-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-instance/icons/color/apigee-instance-color.svg" alt="apigee-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-instance/icons/white/apigee-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-instance/icons/color/apigee-instance-color.svg" />
            </div>
            <p class="Compitems">apigee-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-instance-attachment/icons/color/apigee-instance-attachment-color.svg" alt="apigee-instance-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-instance-attachment/icons/white/apigee-instance-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-instance-attachment/icons/color/apigee-instance-attachment-color.svg" />
            </div>
            <p class="Compitems">apigee-instance-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-nat-address/icons/color/apigee-nat-address-color.svg" alt="apigee-nat-address" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-nat-address/icons/white/apigee-nat-address-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-nat-address/icons/color/apigee-nat-address-color.svg" />
            </div>
            <p class="Compitems">apigee-nat-address</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-sync-authorization/icons/color/apigee-sync-authorization-color.svg" alt="apigee-sync-authorization" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-sync-authorization/icons/white/apigee-sync-authorization-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-sync-authorization/icons/color/apigee-sync-authorization-color.svg" />
            </div>
            <p class="Compitems">apigee-sync-authorization</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-environment/icons/color/apigee-environment-color.svg" alt="apigee-environment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-environment/icons/white/apigee-environment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-environment/icons/color/apigee-environment-color.svg" />
            </div>
            <p class="Compitems">apigee-environment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/apigee-organization/icons/color/apigee-organization-color.svg" alt="apigee-organization" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/apigee-organization/icons/white/apigee-organization-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/apigee-organization/icons/color/apigee-organization-color.svg" />
            </div>
            <p class="Compitems">apigee-organization</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/api-keys-key/icons/color/api-keys-key-color.svg" alt="api-keys-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/api-keys-key/icons/white/api-keys-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/api-keys-key/icons/color/api-keys-key-color.svg" />
            </div>
            <p class="Compitems">api-keys-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/app-engine-domain-mapping/icons/color/app-engine-domain-mapping-color.svg" alt="app-engine-domain-mapping" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/app-engine-domain-mapping/icons/white/app-engine-domain-mapping-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/app-engine-domain-mapping/icons/color/app-engine-domain-mapping-color.svg" />
            </div>
            <p class="Compitems">app-engine-domain-mapping</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/app-engine-firewall-rule/icons/color/app-engine-firewall-rule-color.svg" alt="app-engine-firewall-rule" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/app-engine-firewall-rule/icons/white/app-engine-firewall-rule-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/app-engine-firewall-rule/icons/color/app-engine-firewall-rule-color.svg" />
            </div>
            <p class="Compitems">app-engine-firewall-rule</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/app-engine-flexible-app-version/icons/color/app-engine-flexible-app-version-color.svg" alt="app-engine-flexible-app-version" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/app-engine-flexible-app-version/icons/white/app-engine-flexible-app-version-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/app-engine-flexible-app-version/icons/color/app-engine-flexible-app-version-color.svg" />
            </div>
            <p class="Compitems">app-engine-flexible-app-version</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/app-engine-service-split-traffic/icons/color/app-engine-service-split-traffic-color.svg" alt="app-engine-service-split-traffic" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/app-engine-service-split-traffic/icons/white/app-engine-service-split-traffic-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/app-engine-service-split-traffic/icons/color/app-engine-service-split-traffic-color.svg" />
            </div>
            <p class="Compitems">app-engine-service-split-traffic</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/app-engine-standard-app-version/icons/color/app-engine-standard-app-version-color.svg" alt="app-engine-standard-app-version" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/app-engine-standard-app-version/icons/white/app-engine-standard-app-version-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/app-engine-standard-app-version/icons/color/app-engine-standard-app-version-color.svg" />
            </div>
            <p class="Compitems">app-engine-standard-app-version</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/artifact-registry-repository/icons/color/artifact-registry-repository-color.svg" alt="artifact-registry-repository" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/artifact-registry-repository/icons/white/artifact-registry-repository-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/artifact-registry-repository/icons/color/artifact-registry-repository-color.svg" />
            </div>
            <p class="Compitems">artifact-registry-repository</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-connection/icons/color/beyond-corp-app-connection-color.svg" alt="beyond-corp-app-connection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-connection/icons/white/beyond-corp-app-connection-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-connection/icons/color/beyond-corp-app-connection-color.svg" />
            </div>
            <p class="Compitems">beyond-corp-app-connection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-connector/icons/color/beyond-corp-app-connector-color.svg" alt="beyond-corp-app-connector" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-connector/icons/white/beyond-corp-app-connector-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-connector/icons/color/beyond-corp-app-connector-color.svg" />
            </div>
            <p class="Compitems">beyond-corp-app-connector</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-gateway/icons/color/beyond-corp-app-gateway-color.svg" alt="beyond-corp-app-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-gateway/icons/white/beyond-corp-app-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/beyond-corp-app-gateway/icons/color/beyond-corp-app-gateway-color.svg" />
            </div>
            <p class="Compitems">beyond-corp-app-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-dataset-access/icons/color/big-query-dataset-access-color.svg" alt="big-query-dataset-access" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-dataset-access/icons/white/big-query-dataset-access-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-dataset-access/icons/color/big-query-dataset-access-color.svg" />
            </div>
            <p class="Compitems">big-query-dataset-access</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-dataset/icons/color/big-query-dataset-color.svg" alt="big-query-dataset" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-dataset/icons/white/big-query-dataset-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-dataset/icons/color/big-query-dataset-color.svg" />
            </div>
            <p class="Compitems">big-query-dataset</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-job/icons/color/big-query-job-color.svg" alt="big-query-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-job/icons/white/big-query-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-job/icons/color/big-query-job-color.svg" />
            </div>
            <p class="Compitems">big-query-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-routine/icons/color/big-query-routine-color.svg" alt="big-query-routine" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-routine/icons/white/big-query-routine-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-routine/icons/color/big-query-routine-color.svg" />
            </div>
            <p class="Compitems">big-query-routine</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-table/icons/color/big-query-table-color.svg" alt="big-query-table" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-table/icons/white/big-query-table-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-table/icons/color/big-query-table-color.svg" />
            </div>
            <p class="Compitems">big-query-table</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-analytics-hub-data-exchange/icons/color/big-query-analytics-hub-data-exchange-color.svg" alt="big-query-analytics-hub-data-exchange" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-analytics-hub-data-exchange/icons/white/big-query-analytics-hub-data-exchange-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-analytics-hub-data-exchange/icons/color/big-query-analytics-hub-data-exchange-color.svg" />
            </div>
            <p class="Compitems">big-query-analytics-hub-data-exchange</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-analytics-hub-listing/icons/color/big-query-analytics-hub-listing-color.svg" alt="big-query-analytics-hub-listing" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-analytics-hub-listing/icons/white/big-query-analytics-hub-listing-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-analytics-hub-listing/icons/color/big-query-analytics-hub-listing-color.svg" />
            </div>
            <p class="Compitems">big-query-analytics-hub-listing</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-connection-connection/icons/color/big-query-connection-connection-color.svg" alt="big-query-connection-connection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-connection-connection/icons/white/big-query-connection-connection-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-connection-connection/icons/color/big-query-connection-connection-color.svg" />
            </div>
            <p class="Compitems">big-query-connection-connection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-data-policy-data-policy/icons/color/big-query-data-policy-data-policy-color.svg" alt="big-query-data-policy-data-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-data-policy-data-policy/icons/white/big-query-data-policy-data-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-data-policy-data-policy/icons/color/big-query-data-policy-data-policy-color.svg" />
            </div>
            <p class="Compitems">big-query-data-policy-data-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-data-transfer-config/icons/color/big-query-data-transfer-config-color.svg" alt="big-query-data-transfer-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-data-transfer-config/icons/white/big-query-data-transfer-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-data-transfer-config/icons/color/big-query-data-transfer-config-color.svg" />
            </div>
            <p class="Compitems">big-query-data-transfer-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-reservation-capacity-commitment/icons/color/big-query-reservation-capacity-commitment-color.svg" alt="big-query-reservation-capacity-commitment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-reservation-capacity-commitment/icons/white/big-query-reservation-capacity-commitment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-reservation-capacity-commitment/icons/color/big-query-reservation-capacity-commitment-color.svg" />
            </div>
            <p class="Compitems">big-query-reservation-capacity-commitment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/big-query-reservation-reservation/icons/color/big-query-reservation-reservation-color.svg" alt="big-query-reservation-reservation" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/big-query-reservation-reservation/icons/white/big-query-reservation-reservation-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/big-query-reservation-reservation/icons/color/big-query-reservation-reservation-color.svg" />
            </div>
            <p class="Compitems">big-query-reservation-reservation</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/bigtable-app-profile/icons/color/bigtable-app-profile-color.svg" alt="bigtable-app-profile" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/bigtable-app-profile/icons/white/bigtable-app-profile-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/bigtable-app-profile/icons/color/bigtable-app-profile-color.svg" />
            </div>
            <p class="Compitems">bigtable-app-profile</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/bigtable-gc-policy/icons/color/bigtable-gc-policy-color.svg" alt="bigtable-gc-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/bigtable-gc-policy/icons/white/bigtable-gc-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/bigtable-gc-policy/icons/color/bigtable-gc-policy-color.svg" />
            </div>
            <p class="Compitems">bigtable-gc-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/bigtable-instance/icons/color/bigtable-instance-color.svg" alt="bigtable-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/bigtable-instance/icons/white/bigtable-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/bigtable-instance/icons/color/bigtable-instance-color.svg" />
            </div>
            <p class="Compitems">bigtable-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/bigtable-table/icons/color/bigtable-table-color.svg" alt="bigtable-table" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/bigtable-table/icons/white/bigtable-table-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/bigtable-table/icons/color/bigtable-table-color.svg" />
            </div>
            <p class="Compitems">bigtable-table</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/billing-budgets-budget/icons/color/billing-budgets-budget-color.svg" alt="billing-budgets-budget" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/billing-budgets-budget/icons/white/billing-budgets-budget-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/billing-budgets-budget/icons/color/billing-budgets-budget-color.svg" />
            </div>
            <p class="Compitems">billing-budgets-budget</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/binary-authorization-attestor/icons/color/binary-authorization-attestor-color.svg" alt="binary-authorization-attestor" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/binary-authorization-attestor/icons/white/binary-authorization-attestor-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/binary-authorization-attestor/icons/color/binary-authorization-attestor-color.svg" />
            </div>
            <p class="Compitems">binary-authorization-attestor</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/binary-authorization-policy/icons/color/binary-authorization-policy-color.svg" alt="binary-authorization-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/binary-authorization-policy/icons/white/binary-authorization-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/binary-authorization-policy/icons/color/binary-authorization-policy-color.svg" />
            </div>
            <p class="Compitems">binary-authorization-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate/icons/color/certificate-manager-certificate-color.svg" alt="certificate-manager-certificate" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate/icons/white/certificate-manager-certificate-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate/icons/color/certificate-manager-certificate-color.svg" />
            </div>
            <p class="Compitems">certificate-manager-certificate</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate-map/icons/color/certificate-manager-certificate-map-color.svg" alt="certificate-manager-certificate-map" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate-map/icons/white/certificate-manager-certificate-map-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate-map/icons/color/certificate-manager-certificate-map-color.svg" />
            </div>
            <p class="Compitems">certificate-manager-certificate-map</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate-map-entry/icons/color/certificate-manager-certificate-map-entry-color.svg" alt="certificate-manager-certificate-map-entry" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate-map-entry/icons/white/certificate-manager-certificate-map-entry-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/certificate-manager-certificate-map-entry/icons/color/certificate-manager-certificate-map-entry-color.svg" />
            </div>
            <p class="Compitems">certificate-manager-certificate-map-entry</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/certificate-manager-dns-authorization/icons/color/certificate-manager-dns-authorization-color.svg" alt="certificate-manager-dns-authorization" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/certificate-manager-dns-authorization/icons/white/certificate-manager-dns-authorization-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/certificate-manager-dns-authorization/icons/color/certificate-manager-dns-authorization-color.svg" />
            </div>
            <p class="Compitems">certificate-manager-dns-authorization</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-asset-folder-feed/icons/color/cloud-asset-folder-feed-color.svg" alt="cloud-asset-folder-feed" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-asset-folder-feed/icons/white/cloud-asset-folder-feed-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-asset-folder-feed/icons/color/cloud-asset-folder-feed-color.svg" />
            </div>
            <p class="Compitems">cloud-asset-folder-feed</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-asset-organization-feed/icons/color/cloud-asset-organization-feed-color.svg" alt="cloud-asset-organization-feed" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-asset-organization-feed/icons/white/cloud-asset-organization-feed-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-asset-organization-feed/icons/color/cloud-asset-organization-feed-color.svg" />
            </div>
            <p class="Compitems">cloud-asset-organization-feed</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-asset-project-feed/icons/color/cloud-asset-project-feed-color.svg" alt="cloud-asset-project-feed" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-asset-project-feed/icons/white/cloud-asset-project-feed-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-asset-project-feed/icons/color/cloud-asset-project-feed-color.svg" />
            </div>
            <p class="Compitems">cloud-asset-project-feed</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-build-trigger/icons/color/cloud-build-trigger-color.svg" alt="cloud-build-trigger" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-build-trigger/icons/white/cloud-build-trigger-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-build-trigger/icons/color/cloud-build-trigger-color.svg" />
            </div>
            <p class="Compitems">cloud-build-trigger</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-functions2function/icons/color/cloud-functions2function-color.svg" alt="cloud-functions2function" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-functions2function/icons/white/cloud-functions2function-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-functions2function/icons/color/cloud-functions2function-color.svg" />
            </div>
            <p class="Compitems">cloud-functions2function</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-functions-function/icons/color/cloud-functions-function-color.svg" alt="cloud-functions-function" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-functions-function/icons/white/cloud-functions-function-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-functions-function/icons/color/cloud-functions-function-color.svg" />
            </div>
            <p class="Compitems">cloud-functions-function</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-identity-group/icons/color/cloud-identity-group-color.svg" alt="cloud-identity-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-identity-group/icons/white/cloud-identity-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-identity-group/icons/color/cloud-identity-group-color.svg" />
            </div>
            <p class="Compitems">cloud-identity-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-identity-membership/icons/color/cloud-identity-membership-color.svg" alt="cloud-identity-membership" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-identity-membership/icons/white/cloud-identity-membership-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-identity-membership/icons/color/cloud-identity-membership-color.svg" />
            </div>
            <p class="Compitems">cloud-identity-membership</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-ids-endpoint/icons/color/cloud-ids-endpoint-color.svg" alt="cloud-ids-endpoint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-ids-endpoint/icons/white/cloud-ids-endpoint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-ids-endpoint/icons/color/cloud-ids-endpoint-color.svg" />
            </div>
            <p class="Compitems">cloud-ids-endpoint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-iot-device/icons/color/cloud-iot-device-color.svg" alt="cloud-iot-device" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-iot-device/icons/white/cloud-iot-device-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-iot-device/icons/color/cloud-iot-device-color.svg" />
            </div>
            <p class="Compitems">cloud-iot-device</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-iot-device-registry/icons/color/cloud-iot-device-registry-color.svg" alt="cloud-iot-device-registry" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-iot-device-registry/icons/white/cloud-iot-device-registry-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-iot-device-registry/icons/color/cloud-iot-device-registry-color.svg" />
            </div>
            <p class="Compitems">cloud-iot-device-registry</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-scheduler-job/icons/color/cloud-scheduler-job-color.svg" alt="cloud-scheduler-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-scheduler-job/icons/white/cloud-scheduler-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-scheduler-job/icons/color/cloud-scheduler-job-color.svg" />
            </div>
            <p class="Compitems">cloud-scheduler-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-tasks-queue/icons/color/cloud-tasks-queue-color.svg" alt="cloud-tasks-queue" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-tasks-queue/icons/white/cloud-tasks-queue-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-tasks-queue/icons/color/cloud-tasks-queue-color.svg" />
            </div>
            <p class="Compitems">cloud-tasks-queue</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-autoscaler/icons/color/compute-autoscaler-color.svg" alt="compute-autoscaler" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-autoscaler/icons/white/compute-autoscaler-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-autoscaler/icons/color/compute-autoscaler-color.svg" />
            </div>
            <p class="Compitems">compute-autoscaler</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-backend-bucket-signed-url-key/icons/color/compute-backend-bucket-signed-url-key-color.svg" alt="compute-backend-bucket-signed-url-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-backend-bucket-signed-url-key/icons/white/compute-backend-bucket-signed-url-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-backend-bucket-signed-url-key/icons/color/compute-backend-bucket-signed-url-key-color.svg" />
            </div>
            <p class="Compitems">compute-backend-bucket-signed-url-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-backend-service-signed-url-key/icons/color/compute-backend-service-signed-url-key-color.svg" alt="compute-backend-service-signed-url-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-backend-service-signed-url-key/icons/white/compute-backend-service-signed-url-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-backend-service-signed-url-key/icons/color/compute-backend-service-signed-url-key-color.svg" />
            </div>
            <p class="Compitems">compute-backend-service-signed-url-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-disk-resource-policy-attachment/icons/color/compute-disk-resource-policy-attachment-color.svg" alt="compute-disk-resource-policy-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-disk-resource-policy-attachment/icons/white/compute-disk-resource-policy-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-disk-resource-policy-attachment/icons/color/compute-disk-resource-policy-attachment-color.svg" />
            </div>
            <p class="Compitems">compute-disk-resource-policy-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-global-network-endpoint/icons/color/compute-global-network-endpoint-color.svg" alt="compute-global-network-endpoint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-global-network-endpoint/icons/white/compute-global-network-endpoint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-global-network-endpoint/icons/color/compute-global-network-endpoint-color.svg" />
            </div>
            <p class="Compitems">compute-global-network-endpoint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-global-network-endpoint-group/icons/color/compute-global-network-endpoint-group-color.svg" alt="compute-global-network-endpoint-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-global-network-endpoint-group/icons/white/compute-global-network-endpoint-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-global-network-endpoint-group/icons/color/compute-global-network-endpoint-group-color.svg" />
            </div>
            <p class="Compitems">compute-global-network-endpoint-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-instance-group-named-port/icons/color/compute-instance-group-named-port-color.svg" alt="compute-instance-group-named-port" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-instance-group-named-port/icons/white/compute-instance-group-named-port-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-instance-group-named-port/icons/color/compute-instance-group-named-port-color.svg" />
            </div>
            <p class="Compitems">compute-instance-group-named-port</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-machine-image/icons/color/compute-machine-image-color.svg" alt="compute-machine-image" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-machine-image/icons/white/compute-machine-image-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-machine-image/icons/color/compute-machine-image-color.svg" />
            </div>
            <p class="Compitems">compute-machine-image</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-managed-ssl-certificate/icons/color/compute-managed-ssl-certificate-color.svg" alt="compute-managed-ssl-certificate" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-managed-ssl-certificate/icons/white/compute-managed-ssl-certificate-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-managed-ssl-certificate/icons/color/compute-managed-ssl-certificate-color.svg" />
            </div>
            <p class="Compitems">compute-managed-ssl-certificate</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-endpoint/icons/color/compute-network-endpoint-color.svg" alt="compute-network-endpoint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-endpoint/icons/white/compute-network-endpoint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-endpoint/icons/color/compute-network-endpoint-color.svg" />
            </div>
            <p class="Compitems">compute-network-endpoint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy-rule/icons/color/compute-network-firewall-policy-rule-color.svg" alt="compute-network-firewall-policy-rule" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy-rule/icons/white/compute-network-firewall-policy-rule-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy-rule/icons/color/compute-network-firewall-policy-rule-color.svg" />
            </div>
            <p class="Compitems">compute-network-firewall-policy-rule</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-peering-routes-config/icons/color/compute-network-peering-routes-config-color.svg" alt="compute-network-peering-routes-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-peering-routes-config/icons/white/compute-network-peering-routes-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-peering-routes-config/icons/color/compute-network-peering-routes-config-color.svg" />
            </div>
            <p class="Compitems">compute-network-peering-routes-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy/icons/color/compute-organization-security-policy-color.svg" alt="compute-organization-security-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy/icons/white/compute-organization-security-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy/icons/color/compute-organization-security-policy-color.svg" />
            </div>
            <p class="Compitems">compute-organization-security-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy-association/icons/color/compute-organization-security-policy-association-color.svg" alt="compute-organization-security-policy-association" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy-association/icons/white/compute-organization-security-policy-association-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy-association/icons/color/compute-organization-security-policy-association-color.svg" />
            </div>
            <p class="Compitems">compute-organization-security-policy-association</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy-rule/icons/color/compute-organization-security-policy-rule-color.svg" alt="compute-organization-security-policy-rule" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy-rule/icons/white/compute-organization-security-policy-rule-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-organization-security-policy-rule/icons/color/compute-organization-security-policy-rule-color.svg" />
            </div>
            <p class="Compitems">compute-organization-security-policy-rule</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-per-instance-config/icons/color/compute-per-instance-config-color.svg" alt="compute-per-instance-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-per-instance-config/icons/white/compute-per-instance-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-per-instance-config/icons/color/compute-per-instance-config-color.svg" />
            </div>
            <p class="Compitems">compute-per-instance-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-region-autoscaler/icons/color/compute-region-autoscaler-color.svg" alt="compute-region-autoscaler" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-region-autoscaler/icons/white/compute-region-autoscaler-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-region-autoscaler/icons/color/compute-region-autoscaler-color.svg" />
            </div>
            <p class="Compitems">compute-region-autoscaler</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-region-disk-resource-policy-attachment/icons/color/compute-region-disk-resource-policy-attachment-color.svg" alt="compute-region-disk-resource-policy-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-region-disk-resource-policy-attachment/icons/white/compute-region-disk-resource-policy-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-region-disk-resource-policy-attachment/icons/color/compute-region-disk-resource-policy-attachment-color.svg" />
            </div>
            <p class="Compitems">compute-region-disk-resource-policy-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-region-per-instance-config/icons/color/compute-region-per-instance-config-color.svg" alt="compute-region-per-instance-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-region-per-instance-config/icons/white/compute-region-per-instance-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-region-per-instance-config/icons/color/compute-region-per-instance-config-color.svg" />
            </div>
            <p class="Compitems">compute-region-per-instance-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-region-ssl-policy/icons/color/compute-region-ssl-policy-color.svg" alt="compute-region-ssl-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-region-ssl-policy/icons/white/compute-region-ssl-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-region-ssl-policy/icons/color/compute-region-ssl-policy-color.svg" />
            </div>
            <p class="Compitems">compute-region-ssl-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-address/icons/color/compute-address-color.svg" alt="compute-address" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-address/icons/white/compute-address-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-address/icons/color/compute-address-color.svg" />
            </div>
            <p class="Compitems">compute-address</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-backend-bucket/icons/color/compute-backend-bucket-color.svg" alt="compute-backend-bucket" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-backend-bucket/icons/white/compute-backend-bucket-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-backend-bucket/icons/color/compute-backend-bucket-color.svg" />
            </div>
            <p class="Compitems">compute-backend-bucket</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-backend-service/icons/color/compute-backend-service-color.svg" alt="compute-backend-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-backend-service/icons/white/compute-backend-service-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-backend-service/icons/color/compute-backend-service-color.svg" />
            </div>
            <p class="Compitems">compute-backend-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-disk/icons/color/compute-disk-color.svg" alt="compute-disk" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-disk/icons/white/compute-disk-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-disk/icons/color/compute-disk-color.svg" />
            </div>
            <p class="Compitems">compute-disk</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-external-vpn-gateway/icons/color/compute-external-vpn-gateway-color.svg" alt="compute-external-vpn-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-external-vpn-gateway/icons/white/compute-external-vpn-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-external-vpn-gateway/icons/color/compute-external-vpn-gateway-color.svg" />
            </div>
            <p class="Compitems">compute-external-vpn-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-firewall/icons/color/compute-firewall-color.svg" alt="compute-firewall" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-firewall/icons/white/compute-firewall-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-firewall/icons/color/compute-firewall-color.svg" />
            </div>
            <p class="Compitems">compute-firewall</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy/icons/color/compute-firewall-policy-color.svg" alt="compute-firewall-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy/icons/white/compute-firewall-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy/icons/color/compute-firewall-policy-color.svg" />
            </div>
            <p class="Compitems">compute-firewall-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy-association/icons/color/compute-firewall-policy-association-color.svg" alt="compute-firewall-policy-association" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy-association/icons/white/compute-firewall-policy-association-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy-association/icons/color/compute-firewall-policy-association-color.svg" />
            </div>
            <p class="Compitems">compute-firewall-policy-association</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy-rule/icons/color/compute-firewall-policy-rule-color.svg" alt="compute-firewall-policy-rule" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy-rule/icons/white/compute-firewall-policy-rule-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-firewall-policy-rule/icons/color/compute-firewall-policy-rule-color.svg" />
            </div>
            <p class="Compitems">compute-firewall-policy-rule</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-forwarding-rule/icons/color/compute-forwarding-rule-color.svg" alt="compute-forwarding-rule" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-forwarding-rule/icons/white/compute-forwarding-rule-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-forwarding-rule/icons/color/compute-forwarding-rule-color.svg" />
            </div>
            <p class="Compitems">compute-forwarding-rule</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-health-check/icons/color/compute-health-check-color.svg" alt="compute-health-check" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-health-check/icons/white/compute-health-check-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-health-check/icons/color/compute-health-check-color.svg" />
            </div>
            <p class="Compitems">compute-health-check</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-http-health-check/icons/color/compute-http-health-check-color.svg" alt="compute-http-health-check" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-http-health-check/icons/white/compute-http-health-check-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-http-health-check/icons/color/compute-http-health-check-color.svg" />
            </div>
            <p class="Compitems">compute-http-health-check</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-https-health-check/icons/color/compute-https-health-check-color.svg" alt="compute-https-health-check" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-https-health-check/icons/white/compute-https-health-check-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-https-health-check/icons/color/compute-https-health-check-color.svg" />
            </div>
            <p class="Compitems">compute-https-health-check</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-image/icons/color/compute-image-color.svg" alt="compute-image" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-image/icons/white/compute-image-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-image/icons/color/compute-image-color.svg" />
            </div>
            <p class="Compitems">compute-image</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-instance/icons/color/compute-instance-color.svg" alt="compute-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-instance/icons/white/compute-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-instance/icons/color/compute-instance-color.svg" />
            </div>
            <p class="Compitems">compute-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-instance-group/icons/color/compute-instance-group-color.svg" alt="compute-instance-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-instance-group/icons/white/compute-instance-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-instance-group/icons/color/compute-instance-group-color.svg" />
            </div>
            <p class="Compitems">compute-instance-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-instance-group-manager/icons/color/compute-instance-group-manager-color.svg" alt="compute-instance-group-manager" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-instance-group-manager/icons/white/compute-instance-group-manager-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-instance-group-manager/icons/color/compute-instance-group-manager-color.svg" />
            </div>
            <p class="Compitems">compute-instance-group-manager</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-instance-template/icons/color/compute-instance-template-color.svg" alt="compute-instance-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-instance-template/icons/white/compute-instance-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-instance-template/icons/color/compute-instance-template-color.svg" />
            </div>
            <p class="Compitems">compute-instance-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-interconnect-attachment/icons/color/compute-interconnect-attachment-color.svg" alt="compute-interconnect-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-interconnect-attachment/icons/white/compute-interconnect-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-interconnect-attachment/icons/color/compute-interconnect-attachment-color.svg" />
            </div>
            <p class="Compitems">compute-interconnect-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network/icons/color/compute-network-color.svg" alt="compute-network" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network/icons/white/compute-network-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network/icons/color/compute-network-color.svg" />
            </div>
            <p class="Compitems">compute-network</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-endpoint-group/icons/color/compute-network-endpoint-group-color.svg" alt="compute-network-endpoint-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-endpoint-group/icons/white/compute-network-endpoint-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-endpoint-group/icons/color/compute-network-endpoint-group-color.svg" />
            </div>
            <p class="Compitems">compute-network-endpoint-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy/icons/color/compute-network-firewall-policy-color.svg" alt="compute-network-firewall-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy/icons/white/compute-network-firewall-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy/icons/color/compute-network-firewall-policy-color.svg" />
            </div>
            <p class="Compitems">compute-network-firewall-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy-association/icons/color/compute-network-firewall-policy-association-color.svg" alt="compute-network-firewall-policy-association" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy-association/icons/white/compute-network-firewall-policy-association-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-firewall-policy-association/icons/color/compute-network-firewall-policy-association-color.svg" />
            </div>
            <p class="Compitems">compute-network-firewall-policy-association</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-network-peering/icons/color/compute-network-peering-color.svg" alt="compute-network-peering" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-network-peering/icons/white/compute-network-peering-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-network-peering/icons/color/compute-network-peering-color.svg" />
            </div>
            <p class="Compitems">compute-network-peering</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-node-group/icons/color/compute-node-group-color.svg" alt="compute-node-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-node-group/icons/white/compute-node-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-node-group/icons/color/compute-node-group-color.svg" />
            </div>
            <p class="Compitems">compute-node-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-node-template/icons/color/compute-node-template-color.svg" alt="compute-node-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-node-template/icons/white/compute-node-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-node-template/icons/color/compute-node-template-color.svg" />
            </div>
            <p class="Compitems">compute-node-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-packet-mirroring/icons/color/compute-packet-mirroring-color.svg" alt="compute-packet-mirroring" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-packet-mirroring/icons/white/compute-packet-mirroring-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-packet-mirroring/icons/color/compute-packet-mirroring-color.svg" />
            </div>
            <p class="Compitems">compute-packet-mirroring</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-project-metadata/icons/color/compute-project-metadata-color.svg" alt="compute-project-metadata" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-project-metadata/icons/white/compute-project-metadata-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-project-metadata/icons/color/compute-project-metadata-color.svg" />
            </div>
            <p class="Compitems">compute-project-metadata</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-region-network-endpoint-group/icons/color/compute-region-network-endpoint-group-color.svg" alt="compute-region-network-endpoint-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-region-network-endpoint-group/icons/white/compute-region-network-endpoint-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-region-network-endpoint-group/icons/color/compute-region-network-endpoint-group-color.svg" />
            </div>
            <p class="Compitems">compute-region-network-endpoint-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-reservation/icons/color/compute-reservation-color.svg" alt="compute-reservation" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-reservation/icons/white/compute-reservation-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-reservation/icons/color/compute-reservation-color.svg" />
            </div>
            <p class="Compitems">compute-reservation</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-resource-policy/icons/color/compute-resource-policy-color.svg" alt="compute-resource-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-resource-policy/icons/white/compute-resource-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-resource-policy/icons/color/compute-resource-policy-color.svg" />
            </div>
            <p class="Compitems">compute-resource-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-route/icons/color/compute-route-color.svg" alt="compute-route" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-route/icons/white/compute-route-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-route/icons/color/compute-route-color.svg" />
            </div>
            <p class="Compitems">compute-route</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-router/icons/color/compute-router-color.svg" alt="compute-router" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-router/icons/white/compute-router-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-router/icons/color/compute-router-color.svg" />
            </div>
            <p class="Compitems">compute-router</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-router-interface/icons/color/compute-router-interface-color.svg" alt="compute-router-interface" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-router-interface/icons/white/compute-router-interface-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-router-interface/icons/color/compute-router-interface-color.svg" />
            </div>
            <p class="Compitems">compute-router-interface</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-router-nat/icons/color/compute-router-nat-color.svg" alt="compute-router-nat" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-router-nat/icons/white/compute-router-nat-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-router-nat/icons/color/compute-router-nat-color.svg" />
            </div>
            <p class="Compitems">compute-router-nat</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-router-peer/icons/color/compute-router-peer-color.svg" alt="compute-router-peer" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-router-peer/icons/white/compute-router-peer-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-router-peer/icons/color/compute-router-peer-color.svg" />
            </div>
            <p class="Compitems">compute-router-peer</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-security-policy/icons/color/compute-security-policy-color.svg" alt="compute-security-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-security-policy/icons/white/compute-security-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-security-policy/icons/color/compute-security-policy-color.svg" />
            </div>
            <p class="Compitems">compute-security-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-service-attachment/icons/color/compute-service-attachment-color.svg" alt="compute-service-attachment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-service-attachment/icons/white/compute-service-attachment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-service-attachment/icons/color/compute-service-attachment-color.svg" />
            </div>
            <p class="Compitems">compute-service-attachment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-shared-vpc-host-project/icons/color/compute-shared-vpc-host-project-color.svg" alt="compute-shared-vpc-host-project" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-shared-vpc-host-project/icons/white/compute-shared-vpc-host-project-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-shared-vpc-host-project/icons/color/compute-shared-vpc-host-project-color.svg" />
            </div>
            <p class="Compitems">compute-shared-vpc-host-project</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-shared-vpc-service-project/icons/color/compute-shared-vpc-service-project-color.svg" alt="compute-shared-vpc-service-project" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-shared-vpc-service-project/icons/white/compute-shared-vpc-service-project-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-shared-vpc-service-project/icons/color/compute-shared-vpc-service-project-color.svg" />
            </div>
            <p class="Compitems">compute-shared-vpc-service-project</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-snapshot/icons/color/compute-snapshot-color.svg" alt="compute-snapshot" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-snapshot/icons/white/compute-snapshot-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-snapshot/icons/color/compute-snapshot-color.svg" />
            </div>
            <p class="Compitems">compute-snapshot</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-ssl-certificate/icons/color/compute-ssl-certificate-color.svg" alt="compute-ssl-certificate" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-ssl-certificate/icons/white/compute-ssl-certificate-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-ssl-certificate/icons/color/compute-ssl-certificate-color.svg" />
            </div>
            <p class="Compitems">compute-ssl-certificate</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-ssl-policy/icons/color/compute-ssl-policy-color.svg" alt="compute-ssl-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-ssl-policy/icons/white/compute-ssl-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-ssl-policy/icons/color/compute-ssl-policy-color.svg" />
            </div>
            <p class="Compitems">compute-ssl-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-subnetwork/icons/color/compute-subnetwork-color.svg" alt="compute-subnetwork" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-subnetwork/icons/white/compute-subnetwork-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-subnetwork/icons/color/compute-subnetwork-color.svg" />
            </div>
            <p class="Compitems">compute-subnetwork</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-grpc-proxy/icons/color/compute-target-grpc-proxy-color.svg" alt="compute-target-grpc-proxy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-grpc-proxy/icons/white/compute-target-grpc-proxy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-grpc-proxy/icons/color/compute-target-grpc-proxy-color.svg" />
            </div>
            <p class="Compitems">compute-target-grpc-proxy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-http-proxy/icons/color/compute-target-http-proxy-color.svg" alt="compute-target-http-proxy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-http-proxy/icons/white/compute-target-http-proxy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-http-proxy/icons/color/compute-target-http-proxy-color.svg" />
            </div>
            <p class="Compitems">compute-target-http-proxy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-https-proxy/icons/color/compute-target-https-proxy-color.svg" alt="compute-target-https-proxy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-https-proxy/icons/white/compute-target-https-proxy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-https-proxy/icons/color/compute-target-https-proxy-color.svg" />
            </div>
            <p class="Compitems">compute-target-https-proxy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-instance/icons/color/compute-target-instance-color.svg" alt="compute-target-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-instance/icons/white/compute-target-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-instance/icons/color/compute-target-instance-color.svg" />
            </div>
            <p class="Compitems">compute-target-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-pool/icons/color/compute-target-pool-color.svg" alt="compute-target-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-pool/icons/white/compute-target-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-pool/icons/color/compute-target-pool-color.svg" />
            </div>
            <p class="Compitems">compute-target-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-ssl-proxy/icons/color/compute-target-ssl-proxy-color.svg" alt="compute-target-ssl-proxy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-ssl-proxy/icons/white/compute-target-ssl-proxy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-ssl-proxy/icons/color/compute-target-ssl-proxy-color.svg" />
            </div>
            <p class="Compitems">compute-target-ssl-proxy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-tcp-proxy/icons/color/compute-target-tcp-proxy-color.svg" alt="compute-target-tcp-proxy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-tcp-proxy/icons/white/compute-target-tcp-proxy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-tcp-proxy/icons/color/compute-target-tcp-proxy-color.svg" />
            </div>
            <p class="Compitems">compute-target-tcp-proxy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-target-vpn-gateway/icons/color/compute-target-vpn-gateway-color.svg" alt="compute-target-vpn-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-target-vpn-gateway/icons/white/compute-target-vpn-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-target-vpn-gateway/icons/color/compute-target-vpn-gateway-color.svg" />
            </div>
            <p class="Compitems">compute-target-vpn-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-url-map/icons/color/compute-url-map-color.svg" alt="compute-url-map" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-url-map/icons/white/compute-url-map-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-url-map/icons/color/compute-url-map-color.svg" />
            </div>
            <p class="Compitems">compute-url-map</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-vpn-gateway/icons/color/compute-vpn-gateway-color.svg" alt="compute-vpn-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-vpn-gateway/icons/white/compute-vpn-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-vpn-gateway/icons/color/compute-vpn-gateway-color.svg" />
            </div>
            <p class="Compitems">compute-vpn-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/compute-vpn-tunnel/icons/color/compute-vpn-tunnel-color.svg" alt="compute-vpn-tunnel" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/compute-vpn-tunnel/icons/white/compute-vpn-tunnel-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/compute-vpn-tunnel/icons/color/compute-vpn-tunnel-color.svg" />
            </div>
            <p class="Compitems">compute-vpn-tunnel</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/config-controller-instance/icons/color/config-controller-instance-color.svg" alt="config-controller-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/config-controller-instance/icons/white/config-controller-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/config-controller-instance/icons/color/config-controller-instance-color.svg" />
            </div>
            <p class="Compitems">config-controller-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/container-cluster/icons/color/container-cluster-color.svg" alt="container-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/container-cluster/icons/white/container-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/container-cluster/icons/color/container-cluster-color.svg" />
            </div>
            <p class="Compitems">container-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/container-node-pool/icons/color/container-node-pool-color.svg" alt="container-node-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/container-node-pool/icons/white/container-node-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/container-node-pool/icons/color/container-node-pool-color.svg" />
            </div>
            <p class="Compitems">container-node-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/container-analysis-occurrence/icons/color/container-analysis-occurrence-color.svg" alt="container-analysis-occurrence" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/container-analysis-occurrence/icons/white/container-analysis-occurrence-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/container-analysis-occurrence/icons/color/container-analysis-occurrence-color.svg" />
            </div>
            <p class="Compitems">container-analysis-occurrence</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/container-analysis-note/icons/color/container-analysis-note-color.svg" alt="container-analysis-note" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/container-analysis-note/icons/white/container-analysis-note-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/container-analysis-note/icons/color/container-analysis-note-color.svg" />
            </div>
            <p class="Compitems">container-analysis-note</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/container-attached-cluster/icons/color/container-attached-cluster-color.svg" alt="container-attached-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/container-attached-cluster/icons/white/container-attached-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/container-attached-cluster/icons/color/container-attached-cluster-color.svg" />
            </div>
            <p class="Compitems">container-attached-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-catalog-entry/icons/color/data-catalog-entry-color.svg" alt="data-catalog-entry" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-catalog-entry/icons/white/data-catalog-entry-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-catalog-entry/icons/color/data-catalog-entry-color.svg" />
            </div>
            <p class="Compitems">data-catalog-entry</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-catalog-entry-group/icons/color/data-catalog-entry-group-color.svg" alt="data-catalog-entry-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-catalog-entry-group/icons/white/data-catalog-entry-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-catalog-entry-group/icons/color/data-catalog-entry-group-color.svg" />
            </div>
            <p class="Compitems">data-catalog-entry-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-catalog-tag/icons/color/data-catalog-tag-color.svg" alt="data-catalog-tag" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-catalog-tag/icons/white/data-catalog-tag-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-catalog-tag/icons/color/data-catalog-tag-color.svg" />
            </div>
            <p class="Compitems">data-catalog-tag</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-catalog-tag-template/icons/color/data-catalog-tag-template-color.svg" alt="data-catalog-tag-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-catalog-tag-template/icons/white/data-catalog-tag-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-catalog-tag-template/icons/color/data-catalog-tag-template-color.svg" />
            </div>
            <p class="Compitems">data-catalog-tag-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-catalog-policy-tag/icons/color/data-catalog-policy-tag-color.svg" alt="data-catalog-policy-tag" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-catalog-policy-tag/icons/white/data-catalog-policy-tag-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-catalog-policy-tag/icons/color/data-catalog-policy-tag-color.svg" />
            </div>
            <p class="Compitems">data-catalog-policy-tag</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-catalog-taxonomy/icons/color/data-catalog-taxonomy-color.svg" alt="data-catalog-taxonomy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-catalog-taxonomy/icons/white/data-catalog-taxonomy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-catalog-taxonomy/icons/color/data-catalog-taxonomy-color.svg" />
            </div>
            <p class="Compitems">data-catalog-taxonomy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dataflow-flex-template-job/icons/color/dataflow-flex-template-job-color.svg" alt="dataflow-flex-template-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dataflow-flex-template-job/icons/white/dataflow-flex-template-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dataflow-flex-template-job/icons/color/dataflow-flex-template-job-color.svg" />
            </div>
            <p class="Compitems">dataflow-flex-template-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dataflow-job/icons/color/dataflow-job-color.svg" alt="dataflow-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dataflow-job/icons/white/dataflow-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dataflow-job/icons/color/dataflow-job-color.svg" />
            </div>
            <p class="Compitems">dataflow-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dataform-repository/icons/color/dataform-repository-color.svg" alt="dataform-repository" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dataform-repository/icons/white/dataform-repository-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dataform-repository/icons/color/dataform-repository-color.svg" />
            </div>
            <p class="Compitems">dataform-repository</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/data-fusion-instance/icons/color/data-fusion-instance-color.svg" alt="data-fusion-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/data-fusion-instance/icons/white/data-fusion-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/data-fusion-instance/icons/color/data-fusion-instance-color.svg" />
            </div>
            <p class="Compitems">data-fusion-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dataproc-autoscaling-policy/icons/color/dataproc-autoscaling-policy-color.svg" alt="dataproc-autoscaling-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dataproc-autoscaling-policy/icons/white/dataproc-autoscaling-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dataproc-autoscaling-policy/icons/color/dataproc-autoscaling-policy-color.svg" />
            </div>
            <p class="Compitems">dataproc-autoscaling-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dataproc-cluster/icons/color/dataproc-cluster-color.svg" alt="dataproc-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dataproc-cluster/icons/white/dataproc-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dataproc-cluster/icons/color/dataproc-cluster-color.svg" />
            </div>
            <p class="Compitems">dataproc-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dataproc-workflow-template/icons/color/dataproc-workflow-template-color.svg" alt="dataproc-workflow-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dataproc-workflow-template/icons/white/dataproc-workflow-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dataproc-workflow-template/icons/color/dataproc-workflow-template-color.svg" />
            </div>
            <p class="Compitems">dataproc-workflow-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/datastore-index/icons/color/datastore-index-color.svg" alt="datastore-index" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/datastore-index/icons/white/datastore-index-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/datastore-index/icons/color/datastore-index-color.svg" />
            </div>
            <p class="Compitems">datastore-index</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/datastream-connection-profile/icons/color/datastream-connection-profile-color.svg" alt="datastream-connection-profile" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/datastream-connection-profile/icons/white/datastream-connection-profile-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/datastream-connection-profile/icons/color/datastream-connection-profile-color.svg" />
            </div>
            <p class="Compitems">datastream-connection-profile</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/datastream-private-connection/icons/color/datastream-private-connection-color.svg" alt="datastream-private-connection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/datastream-private-connection/icons/white/datastream-private-connection-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/datastream-private-connection/icons/color/datastream-private-connection-color.svg" />
            </div>
            <p class="Compitems">datastream-private-connection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/datastream-stream/icons/color/datastream-stream-color.svg" alt="datastream-stream" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/datastream-stream/icons/white/datastream-stream-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/datastream-stream/icons/color/datastream-stream-color.svg" />
            </div>
            <p class="Compitems">datastream-stream</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/deployment-manager-deployment/icons/color/deployment-manager-deployment-color.svg" alt="deployment-manager-deployment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/deployment-manager-deployment/icons/white/deployment-manager-deployment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/deployment-manager-deployment/icons/color/deployment-manager-deployment-color.svg" />
            </div>
            <p class="Compitems">deployment-manager-deployment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-agent/icons/color/dialogflow-agent-color.svg" alt="dialogflow-agent" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-agent/icons/white/dialogflow-agent-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-agent/icons/color/dialogflow-agent-color.svg" />
            </div>
            <p class="Compitems">dialogflow-agent</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-entity-type/icons/color/dialogflow-entity-type-color.svg" alt="dialogflow-entity-type" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-entity-type/icons/white/dialogflow-entity-type-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-entity-type/icons/color/dialogflow-entity-type-color.svg" />
            </div>
            <p class="Compitems">dialogflow-entity-type</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-fulfillment/icons/color/dialogflow-fulfillment-color.svg" alt="dialogflow-fulfillment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-fulfillment/icons/white/dialogflow-fulfillment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-fulfillment/icons/color/dialogflow-fulfillment-color.svg" />
            </div>
            <p class="Compitems">dialogflow-fulfillment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-intent/icons/color/dialogflow-intent-color.svg" alt="dialogflow-intent" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-intent/icons/white/dialogflow-intent-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-intent/icons/color/dialogflow-intent-color.svg" />
            </div>
            <p class="Compitems">dialogflow-intent</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-agent/icons/color/dialogflow-cx-agent-color.svg" alt="dialogflow-cx-agent" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-agent/icons/white/dialogflow-cx-agent-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-agent/icons/color/dialogflow-cx-agent-color.svg" />
            </div>
            <p class="Compitems">dialogflow-cx-agent</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-entity-type/icons/color/dialogflow-cx-entity-type-color.svg" alt="dialogflow-cx-entity-type" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-entity-type/icons/white/dialogflow-cx-entity-type-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-entity-type/icons/color/dialogflow-cx-entity-type-color.svg" />
            </div>
            <p class="Compitems">dialogflow-cx-entity-type</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-flow/icons/color/dialogflow-cx-flow-color.svg" alt="dialogflow-cx-flow" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-flow/icons/white/dialogflow-cx-flow-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-flow/icons/color/dialogflow-cx-flow-color.svg" />
            </div>
            <p class="Compitems">dialogflow-cx-flow</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-intent/icons/color/dialogflow-cx-intent-color.svg" alt="dialogflow-cx-intent" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-intent/icons/white/dialogflow-cx-intent-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-intent/icons/color/dialogflow-cx-intent-color.svg" />
            </div>
            <p class="Compitems">dialogflow-cx-intent</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-page/icons/color/dialogflow-cx-page-color.svg" alt="dialogflow-cx-page" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-page/icons/white/dialogflow-cx-page-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-page/icons/color/dialogflow-cx-page-color.svg" />
            </div>
            <p class="Compitems">dialogflow-cx-page</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-webhook/icons/color/dialogflow-cx-webhook-color.svg" alt="dialogflow-cx-webhook" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-webhook/icons/white/dialogflow-cx-webhook-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dialogflow-cx-webhook/icons/color/dialogflow-cx-webhook-color.svg" />
            </div>
            <p class="Compitems">dialogflow-cx-webhook</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dlp-deidentify-template/icons/color/dlp-deidentify-template-color.svg" alt="dlp-deidentify-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dlp-deidentify-template/icons/white/dlp-deidentify-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dlp-deidentify-template/icons/color/dlp-deidentify-template-color.svg" />
            </div>
            <p class="Compitems">dlp-deidentify-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dlp-inspect-template/icons/color/dlp-inspect-template-color.svg" alt="dlp-inspect-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dlp-inspect-template/icons/white/dlp-inspect-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dlp-inspect-template/icons/color/dlp-inspect-template-color.svg" />
            </div>
            <p class="Compitems">dlp-inspect-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dlp-job-trigger/icons/color/dlp-job-trigger-color.svg" alt="dlp-job-trigger" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dlp-job-trigger/icons/white/dlp-job-trigger-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dlp-job-trigger/icons/color/dlp-job-trigger-color.svg" />
            </div>
            <p class="Compitems">dlp-job-trigger</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dlp-stored-info-type/icons/color/dlp-stored-info-type-color.svg" alt="dlp-stored-info-type" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dlp-stored-info-type/icons/white/dlp-stored-info-type-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dlp-stored-info-type/icons/color/dlp-stored-info-type-color.svg" />
            </div>
            <p class="Compitems">dlp-stored-info-type</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dns-response-policy/icons/color/dns-response-policy-color.svg" alt="dns-response-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dns-response-policy/icons/white/dns-response-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dns-response-policy/icons/color/dns-response-policy-color.svg" />
            </div>
            <p class="Compitems">dns-response-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dns-response-policy-rule/icons/color/dns-response-policy-rule-color.svg" alt="dns-response-policy-rule" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dns-response-policy-rule/icons/white/dns-response-policy-rule-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dns-response-policy-rule/icons/color/dns-response-policy-rule-color.svg" />
            </div>
            <p class="Compitems">dns-response-policy-rule</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dns-managed-zone/icons/color/dns-managed-zone-color.svg" alt="dns-managed-zone" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dns-managed-zone/icons/white/dns-managed-zone-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dns-managed-zone/icons/color/dns-managed-zone-color.svg" />
            </div>
            <p class="Compitems">dns-managed-zone</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dns-policy/icons/color/dns-policy-color.svg" alt="dns-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dns-policy/icons/white/dns-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dns-policy/icons/color/dns-policy-color.svg" />
            </div>
            <p class="Compitems">dns-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/dns-record-set/icons/color/dns-record-set-color.svg" alt="dns-record-set" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/dns-record-set/icons/white/dns-record-set-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/dns-record-set/icons/color/dns-record-set-color.svg" />
            </div>
            <p class="Compitems">dns-record-set</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/document-ai-processor/icons/color/document-ai-processor-color.svg" alt="document-ai-processor" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/document-ai-processor/icons/white/document-ai-processor-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/document-ai-processor/icons/color/document-ai-processor-color.svg" />
            </div>
            <p class="Compitems">document-ai-processor</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/document-ai-processor-default-version/icons/color/document-ai-processor-default-version-color.svg" alt="document-ai-processor-default-version" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/document-ai-processor-default-version/icons/white/document-ai-processor-default-version-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/document-ai-processor-default-version/icons/color/document-ai-processor-default-version-color.svg" />
            </div>
            <p class="Compitems">document-ai-processor-default-version</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/edge-container-cluster/icons/color/edge-container-cluster-color.svg" alt="edge-container-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/edge-container-cluster/icons/white/edge-container-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/edge-container-cluster/icons/color/edge-container-cluster-color.svg" />
            </div>
            <p class="Compitems">edge-container-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/edge-container-node-pool/icons/color/edge-container-node-pool-color.svg" alt="edge-container-node-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/edge-container-node-pool/icons/white/edge-container-node-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/edge-container-node-pool/icons/color/edge-container-node-pool-color.svg" />
            </div>
            <p class="Compitems">edge-container-node-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/edge-container-vpn-connection/icons/color/edge-container-vpn-connection-color.svg" alt="edge-container-vpn-connection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/edge-container-vpn-connection/icons/white/edge-container-vpn-connection-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/edge-container-vpn-connection/icons/color/edge-container-vpn-connection-color.svg" />
            </div>
            <p class="Compitems">edge-container-vpn-connection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/edge-network-network/icons/color/edge-network-network-color.svg" alt="edge-network-network" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/edge-network-network/icons/white/edge-network-network-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/edge-network-network/icons/color/edge-network-network-color.svg" />
            </div>
            <p class="Compitems">edge-network-network</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/edge-network-subnet/icons/color/edge-network-subnet-color.svg" alt="edge-network-subnet" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/edge-network-subnet/icons/white/edge-network-subnet-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/edge-network-subnet/icons/color/edge-network-subnet-color.svg" />
            </div>
            <p class="Compitems">edge-network-subnet</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/essential-contacts-contact/icons/color/essential-contacts-contact-color.svg" alt="essential-contacts-contact" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/essential-contacts-contact/icons/white/essential-contacts-contact-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/essential-contacts-contact/icons/color/essential-contacts-contact-color.svg" />
            </div>
            <p class="Compitems">essential-contacts-contact</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/eventarc-trigger/icons/color/eventarc-trigger-color.svg" alt="eventarc-trigger" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/eventarc-trigger/icons/white/eventarc-trigger-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/eventarc-trigger/icons/color/eventarc-trigger-color.svg" />
            </div>
            <p class="Compitems">eventarc-trigger</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/filestore-snapshot/icons/color/filestore-snapshot-color.svg" alt="filestore-snapshot" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/filestore-snapshot/icons/white/filestore-snapshot-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/filestore-snapshot/icons/color/filestore-snapshot-color.svg" />
            </div>
            <p class="Compitems">filestore-snapshot</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/filestore-backup/icons/color/filestore-backup-color.svg" alt="filestore-backup" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/filestore-backup/icons/white/filestore-backup-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/filestore-backup/icons/color/filestore-backup-color.svg" />
            </div>
            <p class="Compitems">filestore-backup</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/filestore-instance/icons/color/filestore-instance-color.svg" alt="filestore-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/filestore-instance/icons/white/filestore-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/filestore-instance/icons/color/filestore-instance-color.svg" />
            </div>
            <p class="Compitems">filestore-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-android-app/icons/color/firebase-android-app-color.svg" alt="firebase-android-app" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-android-app/icons/white/firebase-android-app-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-android-app/icons/color/firebase-android-app-color.svg" />
            </div>
            <p class="Compitems">firebase-android-app</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-project/icons/color/firebase-project-color.svg" alt="firebase-project" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-project/icons/white/firebase-project-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-project/icons/color/firebase-project-color.svg" />
            </div>
            <p class="Compitems">firebase-project</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-web-app/icons/color/firebase-web-app-color.svg" alt="firebase-web-app" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-web-app/icons/white/firebase-web-app-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-web-app/icons/color/firebase-web-app-color.svg" />
            </div>
            <p class="Compitems">firebase-web-app</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-database-instance/icons/color/firebase-database-instance-color.svg" alt="firebase-database-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-database-instance/icons/white/firebase-database-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-database-instance/icons/color/firebase-database-instance-color.svg" />
            </div>
            <p class="Compitems">firebase-database-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-hosting-channel/icons/color/firebase-hosting-channel-color.svg" alt="firebase-hosting-channel" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-hosting-channel/icons/white/firebase-hosting-channel-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-hosting-channel/icons/color/firebase-hosting-channel-color.svg" />
            </div>
            <p class="Compitems">firebase-hosting-channel</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-hosting-site/icons/color/firebase-hosting-site-color.svg" alt="firebase-hosting-site" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-hosting-site/icons/white/firebase-hosting-site-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-hosting-site/icons/color/firebase-hosting-site-color.svg" />
            </div>
            <p class="Compitems">firebase-hosting-site</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firebase-storage-bucket/icons/color/firebase-storage-bucket-color.svg" alt="firebase-storage-bucket" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firebase-storage-bucket/icons/white/firebase-storage-bucket-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firebase-storage-bucket/icons/color/firebase-storage-bucket-color.svg" />
            </div>
            <p class="Compitems">firebase-storage-bucket</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firestore-index/icons/color/firestore-index-color.svg" alt="firestore-index" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firestore-index/icons/white/firestore-index-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firestore-index/icons/color/firestore-index-color.svg" />
            </div>
            <p class="Compitems">firestore-index</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/gke-backup-backup-plan/icons/color/gke-backup-backup-plan-color.svg" alt="gke-backup-backup-plan" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/gke-backup-backup-plan/icons/white/gke-backup-backup-plan-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/gke-backup-backup-plan/icons/color/gke-backup-backup-plan-color.svg" />
            </div>
            <p class="Compitems">gke-backup-backup-plan</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/gke-hub-feature-membership/icons/color/gke-hub-feature-membership-color.svg" alt="gke-hub-feature-membership" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/gke-hub-feature-membership/icons/white/gke-hub-feature-membership-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/gke-hub-feature-membership/icons/color/gke-hub-feature-membership-color.svg" />
            </div>
            <p class="Compitems">gke-hub-feature-membership</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/gke-hub-membership/icons/color/gke-hub-membership-color.svg" alt="gke-hub-membership" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/gke-hub-membership/icons/white/gke-hub-membership-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/gke-hub-membership/icons/color/gke-hub-membership-color.svg" />
            </div>
            <p class="Compitems">gke-hub-membership</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/healthcare-consent-store/icons/color/healthcare-consent-store-color.svg" alt="healthcare-consent-store" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/healthcare-consent-store/icons/white/healthcare-consent-store-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/healthcare-consent-store/icons/color/healthcare-consent-store-color.svg" />
            </div>
            <p class="Compitems">healthcare-consent-store</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/healthcare-dataset/icons/color/healthcare-dataset-color.svg" alt="healthcare-dataset" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/healthcare-dataset/icons/white/healthcare-dataset-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/healthcare-dataset/icons/color/healthcare-dataset-color.svg" />
            </div>
            <p class="Compitems">healthcare-dataset</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/healthcare-dicom-store/icons/color/healthcare-dicom-store-color.svg" alt="healthcare-dicom-store" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/healthcare-dicom-store/icons/white/healthcare-dicom-store-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/healthcare-dicom-store/icons/color/healthcare-dicom-store-color.svg" />
            </div>
            <p class="Compitems">healthcare-dicom-store</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/healthcare-fhir-store/icons/color/healthcare-fhir-store-color.svg" alt="healthcare-fhir-store" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/healthcare-fhir-store/icons/white/healthcare-fhir-store-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/healthcare-fhir-store/icons/color/healthcare-fhir-store-color.svg" />
            </div>
            <p class="Compitems">healthcare-fhir-store</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/healthcare-hl7v2store/icons/color/healthcare-hl7v2store-color.svg" alt="healthcare-hl7v2store" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/healthcare-hl7v2store/icons/white/healthcare-hl7v2store-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/healthcare-hl7v2store/icons/color/healthcare-hl7v2store-color.svg" />
            </div>
            <p class="Compitems">healthcare-hl7v2store</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-access-boundary-policy/icons/color/iam-access-boundary-policy-color.svg" alt="iam-access-boundary-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-access-boundary-policy/icons/white/iam-access-boundary-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-access-boundary-policy/icons/color/iam-access-boundary-policy-color.svg" />
            </div>
            <p class="Compitems">iam-access-boundary-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-audit-config/icons/color/iam-audit-config-color.svg" alt="iam-audit-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-audit-config/icons/white/iam-audit-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-audit-config/icons/color/iam-audit-config-color.svg" />
            </div>
            <p class="Compitems">iam-audit-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-custom-role/icons/color/iam-custom-role-color.svg" alt="iam-custom-role" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-custom-role/icons/white/iam-custom-role-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-custom-role/icons/color/iam-custom-role-color.svg" />
            </div>
            <p class="Compitems">iam-custom-role</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-partial-policy/icons/color/iam-partial-policy-color.svg" alt="iam-partial-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-partial-policy/icons/white/iam-partial-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-partial-policy/icons/color/iam-partial-policy-color.svg" />
            </div>
            <p class="Compitems">iam-partial-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-policy/icons/color/iam-policy-color.svg" alt="iam-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-policy/icons/white/iam-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-policy/icons/color/iam-policy-color.svg" />
            </div>
            <p class="Compitems">iam-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-policy-member/icons/color/iam-policy-member-color.svg" alt="iam-policy-member" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-policy-member/icons/white/iam-policy-member-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-policy-member/icons/color/iam-policy-member-color.svg" />
            </div>
            <p class="Compitems">iam-policy-member</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-service-account/icons/color/iam-service-account-color.svg" alt="iam-service-account" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-service-account/icons/white/iam-service-account-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-service-account/icons/color/iam-service-account-color.svg" />
            </div>
            <p class="Compitems">iam-service-account</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-service-account-key/icons/color/iam-service-account-key-color.svg" alt="iam-service-account-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-service-account-key/icons/white/iam-service-account-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-service-account-key/icons/color/iam-service-account-key-color.svg" />
            </div>
            <p class="Compitems">iam-service-account-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-workforce-pool/icons/color/iam-workforce-pool-color.svg" alt="iam-workforce-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-workforce-pool/icons/white/iam-workforce-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-workforce-pool/icons/color/iam-workforce-pool-color.svg" />
            </div>
            <p class="Compitems">iam-workforce-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-workforce-pool-provider/icons/color/iam-workforce-pool-provider-color.svg" alt="iam-workforce-pool-provider" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-workforce-pool-provider/icons/white/iam-workforce-pool-provider-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-workforce-pool-provider/icons/color/iam-workforce-pool-provider-color.svg" />
            </div>
            <p class="Compitems">iam-workforce-pool-provider</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-workload-identity-pool/icons/color/iam-workload-identity-pool-color.svg" alt="iam-workload-identity-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-workload-identity-pool/icons/white/iam-workload-identity-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-workload-identity-pool/icons/color/iam-workload-identity-pool-color.svg" />
            </div>
            <p class="Compitems">iam-workload-identity-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iam-workload-identity-pool-provider/icons/color/iam-workload-identity-pool-provider-color.svg" alt="iam-workload-identity-pool-provider" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iam-workload-identity-pool-provider/icons/white/iam-workload-identity-pool-provider-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iam-workload-identity-pool-provider/icons/color/iam-workload-identity-pool-provider-color.svg" />
            </div>
            <p class="Compitems">iam-workload-identity-pool-provider</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iap-brand/icons/color/iap-brand-color.svg" alt="iap-brand" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iap-brand/icons/white/iap-brand-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iap-brand/icons/color/iap-brand-color.svg" />
            </div>
            <p class="Compitems">iap-brand</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/iap-identity-aware-proxy-client/icons/color/iap-identity-aware-proxy-client-color.svg" alt="iap-identity-aware-proxy-client" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/iap-identity-aware-proxy-client/icons/white/iap-identity-aware-proxy-client-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/iap-identity-aware-proxy-client/icons/color/iap-identity-aware-proxy-client-color.svg" />
            </div>
            <p class="Compitems">iap-identity-aware-proxy-client</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-default-supported-idp-config/icons/color/identity-platform-default-supported-idp-config-color.svg" alt="identity-platform-default-supported-idp-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-default-supported-idp-config/icons/white/identity-platform-default-supported-idp-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-default-supported-idp-config/icons/color/identity-platform-default-supported-idp-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-default-supported-idp-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-inbound-saml-config/icons/color/identity-platform-inbound-saml-config-color.svg" alt="identity-platform-inbound-saml-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-inbound-saml-config/icons/white/identity-platform-inbound-saml-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-inbound-saml-config/icons/color/identity-platform-inbound-saml-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-inbound-saml-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-project-default-config/icons/color/identity-platform-project-default-config-color.svg" alt="identity-platform-project-default-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-project-default-config/icons/white/identity-platform-project-default-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-project-default-config/icons/color/identity-platform-project-default-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-project-default-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-default-supported-idp-config/icons/color/identity-platform-tenant-default-supported-idp-config-color.svg" alt="identity-platform-tenant-default-supported-idp-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-default-supported-idp-config/icons/white/identity-platform-tenant-default-supported-idp-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-default-supported-idp-config/icons/color/identity-platform-tenant-default-supported-idp-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-tenant-default-supported-idp-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-inbound-saml-config/icons/color/identity-platform-tenant-inbound-saml-config-color.svg" alt="identity-platform-tenant-inbound-saml-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-inbound-saml-config/icons/white/identity-platform-tenant-inbound-saml-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-inbound-saml-config/icons/color/identity-platform-tenant-inbound-saml-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-tenant-inbound-saml-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-config/icons/color/identity-platform-config-color.svg" alt="identity-platform-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-config/icons/white/identity-platform-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-config/icons/color/identity-platform-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-o-auth-idp-config/icons/color/identity-platform-o-auth-idp-config-color.svg" alt="identity-platform-o-auth-idp-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-o-auth-idp-config/icons/white/identity-platform-o-auth-idp-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-o-auth-idp-config/icons/color/identity-platform-o-auth-idp-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-o-auth-idp-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant/icons/color/identity-platform-tenant-color.svg" alt="identity-platform-tenant" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant/icons/white/identity-platform-tenant-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant/icons/color/identity-platform-tenant-color.svg" />
            </div>
            <p class="Compitems">identity-platform-tenant</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-o-auth-idp-config/icons/color/identity-platform-tenant-o-auth-idp-config-color.svg" alt="identity-platform-tenant-o-auth-idp-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-o-auth-idp-config/icons/white/identity-platform-tenant-o-auth-idp-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/identity-platform-tenant-o-auth-idp-config/icons/color/identity-platform-tenant-o-auth-idp-config-color.svg" />
            </div>
            <p class="Compitems">identity-platform-tenant-o-auth-idp-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-crypto-key-version/icons/color/kms-crypto-key-version-color.svg" alt="kms-crypto-key-version" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-crypto-key-version/icons/white/kms-crypto-key-version-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-crypto-key-version/icons/color/kms-crypto-key-version-color.svg" />
            </div>
            <p class="Compitems">kms-crypto-key-version</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-key-ring-import-job/icons/color/kms-key-ring-import-job-color.svg" alt="kms-key-ring-import-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-key-ring-import-job/icons/white/kms-key-ring-import-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-key-ring-import-job/icons/color/kms-key-ring-import-job-color.svg" />
            </div>
            <p class="Compitems">kms-key-ring-import-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-secret-ciphertext/icons/color/kms-secret-ciphertext-color.svg" alt="kms-secret-ciphertext" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-secret-ciphertext/icons/white/kms-secret-ciphertext-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-secret-ciphertext/icons/color/kms-secret-ciphertext-color.svg" />
            </div>
            <p class="Compitems">kms-secret-ciphertext</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-crypto-key/icons/color/kms-crypto-key-color.svg" alt="kms-crypto-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-crypto-key/icons/white/kms-crypto-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-crypto-key/icons/color/kms-crypto-key-color.svg" />
            </div>
            <p class="Compitems">kms-crypto-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-key-ring/icons/color/kms-key-ring-color.svg" alt="kms-key-ring" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-key-ring/icons/white/kms-key-ring-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-key-ring/icons/color/kms-key-ring-color.svg" />
            </div>
            <p class="Compitems">kms-key-ring</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/logging-log-bucket/icons/color/logging-log-bucket-color.svg" alt="logging-log-bucket" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/logging-log-bucket/icons/white/logging-log-bucket-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/logging-log-bucket/icons/color/logging-log-bucket-color.svg" />
            </div>
            <p class="Compitems">logging-log-bucket</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/logging-log-exclusion/icons/color/logging-log-exclusion-color.svg" alt="logging-log-exclusion" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/logging-log-exclusion/icons/white/logging-log-exclusion-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/logging-log-exclusion/icons/color/logging-log-exclusion-color.svg" />
            </div>
            <p class="Compitems">logging-log-exclusion</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/logging-log-metric/icons/color/logging-log-metric-color.svg" alt="logging-log-metric" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/logging-log-metric/icons/white/logging-log-metric-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/logging-log-metric/icons/color/logging-log-metric-color.svg" />
            </div>
            <p class="Compitems">logging-log-metric</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/logging-log-sink/icons/color/logging-log-sink-color.svg" alt="logging-log-sink" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/logging-log-sink/icons/white/logging-log-sink-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/logging-log-sink/icons/color/logging-log-sink-color.svg" />
            </div>
            <p class="Compitems">logging-log-sink</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/logging-log-view/icons/color/logging-log-view-color.svg" alt="logging-log-view" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/logging-log-view/icons/white/logging-log-view-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/logging-log-view/icons/color/logging-log-view-color.svg" />
            </div>
            <p class="Compitems">logging-log-view</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/memcache-instance/icons/color/memcache-instance-color.svg" alt="memcache-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/memcache-instance/icons/white/memcache-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/memcache-instance/icons/color/memcache-instance-color.svg" />
            </div>
            <p class="Compitems">memcache-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/ml-engine-model/icons/color/ml-engine-model-color.svg" alt="ml-engine-model" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/ml-engine-model/icons/white/ml-engine-model-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/ml-engine-model/icons/color/ml-engine-model-color.svg" />
            </div>
            <p class="Compitems">ml-engine-model</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-alert-policy/icons/color/monitoring-alert-policy-color.svg" alt="monitoring-alert-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-alert-policy/icons/white/monitoring-alert-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-alert-policy/icons/color/monitoring-alert-policy-color.svg" />
            </div>
            <p class="Compitems">monitoring-alert-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-dashboard/icons/color/monitoring-dashboard-color.svg" alt="monitoring-dashboard" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-dashboard/icons/white/monitoring-dashboard-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-dashboard/icons/color/monitoring-dashboard-color.svg" />
            </div>
            <p class="Compitems">monitoring-dashboard</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-group/icons/color/monitoring-group-color.svg" alt="monitoring-group" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-group/icons/white/monitoring-group-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-group/icons/color/monitoring-group-color.svg" />
            </div>
            <p class="Compitems">monitoring-group</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-metric-descriptor/icons/color/monitoring-metric-descriptor-color.svg" alt="monitoring-metric-descriptor" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-metric-descriptor/icons/white/monitoring-metric-descriptor-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-metric-descriptor/icons/color/monitoring-metric-descriptor-color.svg" />
            </div>
            <p class="Compitems">monitoring-metric-descriptor</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-monitored-project/icons/color/monitoring-monitored-project-color.svg" alt="monitoring-monitored-project" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-monitored-project/icons/white/monitoring-monitored-project-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-monitored-project/icons/color/monitoring-monitored-project-color.svg" />
            </div>
            <p class="Compitems">monitoring-monitored-project</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-notification-channel/icons/color/monitoring-notification-channel-color.svg" alt="monitoring-notification-channel" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-notification-channel/icons/white/monitoring-notification-channel-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-notification-channel/icons/color/monitoring-notification-channel-color.svg" />
            </div>
            <p class="Compitems">monitoring-notification-channel</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-service/icons/color/monitoring-service-color.svg" alt="monitoring-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-service/icons/white/monitoring-service-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-service/icons/color/monitoring-service-color.svg" />
            </div>
            <p class="Compitems">monitoring-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-service-level-objective/icons/color/monitoring-service-level-objective-color.svg" alt="monitoring-service-level-objective" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-service-level-objective/icons/white/monitoring-service-level-objective-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-service-level-objective/icons/color/monitoring-service-level-objective-color.svg" />
            </div>
            <p class="Compitems">monitoring-service-level-objective</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/monitoring-uptime-check-config/icons/color/monitoring-uptime-check-config-color.svg" alt="monitoring-uptime-check-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/monitoring-uptime-check-config/icons/white/monitoring-uptime-check-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/monitoring-uptime-check-config/icons/color/monitoring-uptime-check-config-color.svg" />
            </div>
            <p class="Compitems">monitoring-uptime-check-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-connectivity-hub/icons/color/network-connectivity-hub-color.svg" alt="network-connectivity-hub" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-connectivity-hub/icons/white/network-connectivity-hub-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-connectivity-hub/icons/color/network-connectivity-hub-color.svg" />
            </div>
            <p class="Compitems">network-connectivity-hub</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-connectivity-spoke/icons/color/network-connectivity-spoke-color.svg" alt="network-connectivity-spoke" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-connectivity-spoke/icons/white/network-connectivity-spoke-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-connectivity-spoke/icons/color/network-connectivity-spoke-color.svg" />
            </div>
            <p class="Compitems">network-connectivity-spoke</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-management-connectivity-test/icons/color/network-management-connectivity-test-color.svg" alt="network-management-connectivity-test" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-management-connectivity-test/icons/white/network-management-connectivity-test-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-management-connectivity-test/icons/color/network-management-connectivity-test-color.svg" />
            </div>
            <p class="Compitems">network-management-connectivity-test</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-security-authorization-policy/icons/color/network-security-authorization-policy-color.svg" alt="network-security-authorization-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-security-authorization-policy/icons/white/network-security-authorization-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-security-authorization-policy/icons/color/network-security-authorization-policy-color.svg" />
            </div>
            <p class="Compitems">network-security-authorization-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-security-client-tls-policy/icons/color/network-security-client-tls-policy-color.svg" alt="network-security-client-tls-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-security-client-tls-policy/icons/white/network-security-client-tls-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-security-client-tls-policy/icons/color/network-security-client-tls-policy-color.svg" />
            </div>
            <p class="Compitems">network-security-client-tls-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-security-server-tls-policy/icons/color/network-security-server-tls-policy-color.svg" alt="network-security-server-tls-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-security-server-tls-policy/icons/white/network-security-server-tls-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-security-server-tls-policy/icons/color/network-security-server-tls-policy-color.svg" />
            </div>
            <p class="Compitems">network-security-server-tls-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-keyset/icons/color/network-services-edge-cache-keyset-color.svg" alt="network-services-edge-cache-keyset" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-keyset/icons/white/network-services-edge-cache-keyset-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-keyset/icons/color/network-services-edge-cache-keyset-color.svg" />
            </div>
            <p class="Compitems">network-services-edge-cache-keyset</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-origin/icons/color/network-services-edge-cache-origin-color.svg" alt="network-services-edge-cache-origin" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-origin/icons/white/network-services-edge-cache-origin-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-origin/icons/color/network-services-edge-cache-origin-color.svg" />
            </div>
            <p class="Compitems">network-services-edge-cache-origin</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-service/icons/color/network-services-edge-cache-service-color.svg" alt="network-services-edge-cache-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-service/icons/white/network-services-edge-cache-service-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-edge-cache-service/icons/color/network-services-edge-cache-service-color.svg" />
            </div>
            <p class="Compitems">network-services-edge-cache-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-endpoint-policy/icons/color/network-services-endpoint-policy-color.svg" alt="network-services-endpoint-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-endpoint-policy/icons/white/network-services-endpoint-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-endpoint-policy/icons/color/network-services-endpoint-policy-color.svg" />
            </div>
            <p class="Compitems">network-services-endpoint-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-gateway/icons/color/network-services-gateway-color.svg" alt="network-services-gateway" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-gateway/icons/white/network-services-gateway-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-gateway/icons/color/network-services-gateway-color.svg" />
            </div>
            <p class="Compitems">network-services-gateway</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-grpc-route/icons/color/network-services-grpc-route-color.svg" alt="network-services-grpc-route" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-grpc-route/icons/white/network-services-grpc-route-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-grpc-route/icons/color/network-services-grpc-route-color.svg" />
            </div>
            <p class="Compitems">network-services-grpc-route</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-http-route/icons/color/network-services-http-route-color.svg" alt="network-services-http-route" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-http-route/icons/white/network-services-http-route-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-http-route/icons/color/network-services-http-route-color.svg" />
            </div>
            <p class="Compitems">network-services-http-route</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-mesh/icons/color/network-services-mesh-color.svg" alt="network-services-mesh" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-mesh/icons/white/network-services-mesh-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-mesh/icons/color/network-services-mesh-color.svg" />
            </div>
            <p class="Compitems">network-services-mesh</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-tcp-route/icons/color/network-services-tcp-route-color.svg" alt="network-services-tcp-route" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-tcp-route/icons/white/network-services-tcp-route-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-tcp-route/icons/color/network-services-tcp-route-color.svg" />
            </div>
            <p class="Compitems">network-services-tcp-route</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-services-tls-route/icons/color/network-services-tls-route-color.svg" alt="network-services-tls-route" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-services-tls-route/icons/white/network-services-tls-route-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-services-tls-route/icons/color/network-services-tls-route-color.svg" />
            </div>
            <p class="Compitems">network-services-tls-route</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/notebooks-environment/icons/color/notebooks-environment-color.svg" alt="notebooks-environment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/notebooks-environment/icons/white/notebooks-environment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/notebooks-environment/icons/color/notebooks-environment-color.svg" />
            </div>
            <p class="Compitems">notebooks-environment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/org-policy-custom-constraint/icons/color/org-policy-custom-constraint-color.svg" alt="org-policy-custom-constraint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/org-policy-custom-constraint/icons/white/org-policy-custom-constraint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/org-policy-custom-constraint/icons/color/org-policy-custom-constraint-color.svg" />
            </div>
            <p class="Compitems">org-policy-custom-constraint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/os-config-patch-deployment/icons/color/os-config-patch-deployment-color.svg" alt="os-config-patch-deployment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/os-config-patch-deployment/icons/white/os-config-patch-deployment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/os-config-patch-deployment/icons/color/os-config-patch-deployment-color.svg" />
            </div>
            <p class="Compitems">os-config-patch-deployment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/os-config-guest-policy/icons/color/os-config-guest-policy-color.svg" alt="os-config-guest-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/os-config-guest-policy/icons/white/os-config-guest-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/os-config-guest-policy/icons/color/os-config-guest-policy-color.svg" />
            </div>
            <p class="Compitems">os-config-guest-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/os-config-os-policy-assignment/icons/color/os-config-os-policy-assignment-color.svg" alt="os-config-os-policy-assignment" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/os-config-os-policy-assignment/icons/white/os-config-os-policy-assignment-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/os-config-os-policy-assignment/icons/color/os-config-os-policy-assignment-color.svg" />
            </div>
            <p class="Compitems">os-config-os-policy-assignment</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/os-login-ssh-public-key/icons/color/os-login-ssh-public-key-color.svg" alt="os-login-ssh-public-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/os-login-ssh-public-key/icons/white/os-login-ssh-public-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/os-login-ssh-public-key/icons/color/os-login-ssh-public-key-color.svg" />
            </div>
            <p class="Compitems">os-login-ssh-public-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/private-caca-pool/icons/color/private-caca-pool-color.svg" alt="private-caca-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/private-caca-pool/icons/white/private-caca-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/private-caca-pool/icons/color/private-caca-pool-color.svg" />
            </div>
            <p class="Compitems">private-caca-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate/icons/color/private-ca-certificate-color.svg" alt="private-ca-certificate" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate/icons/white/private-ca-certificate-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate/icons/color/private-ca-certificate-color.svg" />
            </div>
            <p class="Compitems">private-ca-certificate</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate-authority/icons/color/private-ca-certificate-authority-color.svg" alt="private-ca-certificate-authority" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate-authority/icons/white/private-ca-certificate-authority-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate-authority/icons/color/private-ca-certificate-authority-color.svg" />
            </div>
            <p class="Compitems">private-ca-certificate-authority</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate-template/icons/color/private-ca-certificate-template-color.svg" alt="private-ca-certificate-template" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate-template/icons/white/private-ca-certificate-template-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/private-ca-certificate-template/icons/color/private-ca-certificate-template-color.svg" />
            </div>
            <p class="Compitems">private-ca-certificate-template</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/pub-sub-schema/icons/color/pub-sub-schema-color.svg" alt="pub-sub-schema" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/pub-sub-schema/icons/white/pub-sub-schema-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/pub-sub-schema/icons/color/pub-sub-schema-color.svg" />
            </div>
            <p class="Compitems">pub-sub-schema</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/pub-sub-subscription/icons/color/pub-sub-subscription-color.svg" alt="pub-sub-subscription" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/pub-sub-subscription/icons/white/pub-sub-subscription-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/pub-sub-subscription/icons/color/pub-sub-subscription-color.svg" />
            </div>
            <p class="Compitems">pub-sub-subscription</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/pub-sub-topic/icons/color/pub-sub-topic-color.svg" alt="pub-sub-topic" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/pub-sub-topic/icons/white/pub-sub-topic-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/pub-sub-topic/icons/color/pub-sub-topic-color.svg" />
            </div>
            <p class="Compitems">pub-sub-topic</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-subscription/icons/color/pub-sub-lite-subscription-color.svg" alt="pub-sub-lite-subscription" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-subscription/icons/white/pub-sub-lite-subscription-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-subscription/icons/color/pub-sub-lite-subscription-color.svg" />
            </div>
            <p class="Compitems">pub-sub-lite-subscription</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-topic/icons/color/pub-sub-lite-topic-color.svg" alt="pub-sub-lite-topic" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-topic/icons/white/pub-sub-lite-topic-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-topic/icons/color/pub-sub-lite-topic-color.svg" />
            </div>
            <p class="Compitems">pub-sub-lite-topic</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-reservation/icons/color/pub-sub-lite-reservation-color.svg" alt="pub-sub-lite-reservation" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-reservation/icons/white/pub-sub-lite-reservation-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/pub-sub-lite-reservation/icons/color/pub-sub-lite-reservation-color.svg" />
            </div>
            <p class="Compitems">pub-sub-lite-reservation</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/recaptcha-enterprise-key/icons/color/recaptcha-enterprise-key-color.svg" alt="recaptcha-enterprise-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/recaptcha-enterprise-key/icons/white/recaptcha-enterprise-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/recaptcha-enterprise-key/icons/color/recaptcha-enterprise-key-color.svg" />
            </div>
            <p class="Compitems">recaptcha-enterprise-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/redis-instance/icons/color/redis-instance-color.svg" alt="redis-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/redis-instance/icons/white/redis-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/redis-instance/icons/color/redis-instance-color.svg" />
            </div>
            <p class="Compitems">redis-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/folder/icons/color/folder-color.svg" alt="folder" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/folder/icons/white/folder-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/folder/icons/color/folder-color.svg" />
            </div>
            <p class="Compitems">folder</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/project/icons/color/project-color.svg" alt="project" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/project/icons/white/project-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/project/icons/color/project-color.svg" />
            </div>
            <p class="Compitems">project</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/resource-manager-lien/icons/color/resource-manager-lien-color.svg" alt="resource-manager-lien" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/resource-manager-lien/icons/white/resource-manager-lien-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/resource-manager-lien/icons/color/resource-manager-lien-color.svg" />
            </div>
            <p class="Compitems">resource-manager-lien</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/resource-manager-policy/icons/color/resource-manager-policy-color.svg" alt="resource-manager-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/resource-manager-policy/icons/white/resource-manager-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/resource-manager-policy/icons/color/resource-manager-policy-color.svg" />
            </div>
            <p class="Compitems">resource-manager-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/run-job/icons/color/run-job-color.svg" alt="run-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/run-job/icons/white/run-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/run-job/icons/color/run-job-color.svg" />
            </div>
            <p class="Compitems">run-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/run-service/icons/color/run-service-color.svg" alt="run-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/run-service/icons/white/run-service-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/run-service/icons/color/run-service-color.svg" />
            </div>
            <p class="Compitems">run-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/secret-manager-secret/icons/color/secret-manager-secret-color.svg" alt="secret-manager-secret" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/secret-manager-secret/icons/white/secret-manager-secret-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/secret-manager-secret/icons/color/secret-manager-secret-color.svg" />
            </div>
            <p class="Compitems">secret-manager-secret</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/secret-manager-secret-version/icons/color/secret-manager-secret-version-color.svg" alt="secret-manager-secret-version" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/secret-manager-secret-version/icons/white/secret-manager-secret-version-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/secret-manager-secret-version/icons/color/secret-manager-secret-version-color.svg" />
            </div>
            <p class="Compitems">secret-manager-secret-version</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/security-center-notification-config/icons/color/security-center-notification-config-color.svg" alt="security-center-notification-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/security-center-notification-config/icons/white/security-center-notification-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/security-center-notification-config/icons/color/security-center-notification-config-color.svg" />
            </div>
            <p class="Compitems">security-center-notification-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/security-center-source/icons/color/security-center-source-color.svg" alt="security-center-source" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/security-center-source/icons/white/security-center-source-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/security-center-source/icons/color/security-center-source-color.svg" />
            </div>
            <p class="Compitems">security-center-source</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service-directory-endpoint/icons/color/service-directory-endpoint-color.svg" alt="service-directory-endpoint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service-directory-endpoint/icons/white/service-directory-endpoint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service-directory-endpoint/icons/color/service-directory-endpoint-color.svg" />
            </div>
            <p class="Compitems">service-directory-endpoint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service-directory-namespace/icons/color/service-directory-namespace-color.svg" alt="service-directory-namespace" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service-directory-namespace/icons/white/service-directory-namespace-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service-directory-namespace/icons/color/service-directory-namespace-color.svg" />
            </div>
            <p class="Compitems">service-directory-namespace</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service-directory-service/icons/color/service-directory-service-color.svg" alt="service-directory-service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service-directory-service/icons/white/service-directory-service-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service-directory-service/icons/color/service-directory-service-color.svg" />
            </div>
            <p class="Compitems">service-directory-service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service-networking-connection/icons/color/service-networking-connection-color.svg" alt="service-networking-connection" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service-networking-connection/icons/white/service-networking-connection-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service-networking-connection/icons/color/service-networking-connection-color.svg" />
            </div>
            <p class="Compitems">service-networking-connection</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service-usage-consumer-quota-override/icons/color/service-usage-consumer-quota-override-color.svg" alt="service-usage-consumer-quota-override" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service-usage-consumer-quota-override/icons/white/service-usage-consumer-quota-override-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service-usage-consumer-quota-override/icons/color/service-usage-consumer-quota-override-color.svg" />
            </div>
            <p class="Compitems">service-usage-consumer-quota-override</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service/icons/color/service-color.svg" alt="service" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service/icons/white/service-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service/icons/color/service-color.svg" />
            </div>
            <p class="Compitems">service</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/service-identity/icons/color/service-identity-color.svg" alt="service-identity" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/service-identity/icons/white/service-identity-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/service-identity/icons/color/service-identity-color.svg" />
            </div>
            <p class="Compitems">service-identity</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/source-repo-repository/icons/color/source-repo-repository-color.svg" alt="source-repo-repository" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/source-repo-repository/icons/white/source-repo-repository-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/source-repo-repository/icons/color/source-repo-repository-color.svg" />
            </div>
            <p class="Compitems">source-repo-repository</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/spanner-database/icons/color/spanner-database-color.svg" alt="spanner-database" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/spanner-database/icons/white/spanner-database-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/spanner-database/icons/color/spanner-database-color.svg" />
            </div>
            <p class="Compitems">spanner-database</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/spanner-instance/icons/color/spanner-instance-color.svg" alt="spanner-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/spanner-instance/icons/white/spanner-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/spanner-instance/icons/color/spanner-instance-color.svg" />
            </div>
            <p class="Compitems">spanner-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/sql-database/icons/color/sql-database-color.svg" alt="sql-database" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/sql-database/icons/white/sql-database-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/sql-database/icons/color/sql-database-color.svg" />
            </div>
            <p class="Compitems">sql-database</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/sql-instance/icons/color/sql-instance-color.svg" alt="sql-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/sql-instance/icons/white/sql-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/sql-instance/icons/color/sql-instance-color.svg" />
            </div>
            <p class="Compitems">sql-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/sqlssl-cert/icons/color/sqlssl-cert-color.svg" alt="sqlssl-cert" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/sqlssl-cert/icons/white/sqlssl-cert-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/sqlssl-cert/icons/color/sqlssl-cert-color.svg" />
            </div>
            <p class="Compitems">sqlssl-cert</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/sql-user/icons/color/sql-user-color.svg" alt="sql-user" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/sql-user/icons/white/sql-user-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/sql-user/icons/color/sql-user-color.svg" />
            </div>
            <p class="Compitems">sql-user</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-hmac-key/icons/color/storage-hmac-key-color.svg" alt="storage-hmac-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-hmac-key/icons/white/storage-hmac-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-hmac-key/icons/color/storage-hmac-key-color.svg" />
            </div>
            <p class="Compitems">storage-hmac-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-bucket/icons/color/storage-bucket-color.svg" alt="storage-bucket" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-bucket/icons/white/storage-bucket-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-bucket/icons/color/storage-bucket-color.svg" />
            </div>
            <p class="Compitems">storage-bucket</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-bucket-access-control/icons/color/storage-bucket-access-control-color.svg" alt="storage-bucket-access-control" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-bucket-access-control/icons/white/storage-bucket-access-control-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-bucket-access-control/icons/color/storage-bucket-access-control-color.svg" />
            </div>
            <p class="Compitems">storage-bucket-access-control</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-default-object-access-control/icons/color/storage-default-object-access-control-color.svg" alt="storage-default-object-access-control" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-default-object-access-control/icons/white/storage-default-object-access-control-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-default-object-access-control/icons/color/storage-default-object-access-control-color.svg" />
            </div>
            <p class="Compitems">storage-default-object-access-control</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-notification/icons/color/storage-notification-color.svg" alt="storage-notification" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-notification/icons/white/storage-notification-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-notification/icons/color/storage-notification-color.svg" />
            </div>
            <p class="Compitems">storage-notification</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-transfer-agent-pool/icons/color/storage-transfer-agent-pool-color.svg" alt="storage-transfer-agent-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-transfer-agent-pool/icons/white/storage-transfer-agent-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-transfer-agent-pool/icons/color/storage-transfer-agent-pool-color.svg" />
            </div>
            <p class="Compitems">storage-transfer-agent-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/storage-transfer-job/icons/color/storage-transfer-job-color.svg" alt="storage-transfer-job" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/storage-transfer-job/icons/white/storage-transfer-job-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/storage-transfer-job/icons/color/storage-transfer-job-color.svg" />
            </div>
            <p class="Compitems">storage-transfer-job</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/tags-location-tag-binding/icons/color/tags-location-tag-binding-color.svg" alt="tags-location-tag-binding" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/tags-location-tag-binding/icons/white/tags-location-tag-binding-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/tags-location-tag-binding/icons/color/tags-location-tag-binding-color.svg" />
            </div>
            <p class="Compitems">tags-location-tag-binding</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/tags-tag-binding/icons/color/tags-tag-binding-color.svg" alt="tags-tag-binding" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/tags-tag-binding/icons/white/tags-tag-binding-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/tags-tag-binding/icons/color/tags-tag-binding-color.svg" />
            </div>
            <p class="Compitems">tags-tag-binding</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/tags-tag-key/icons/color/tags-tag-key-color.svg" alt="tags-tag-key" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/tags-tag-key/icons/white/tags-tag-key-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/tags-tag-key/icons/color/tags-tag-key-color.svg" />
            </div>
            <p class="Compitems">tags-tag-key</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/tags-tag-value/icons/color/tags-tag-value-color.svg" alt="tags-tag-value" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/tags-tag-value/icons/white/tags-tag-value-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/tags-tag-value/icons/color/tags-tag-value-color.svg" />
            </div>
            <p class="Compitems">tags-tag-value</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/tpu-node/icons/color/tpu-node-color.svg" alt="tpu-node" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/tpu-node/icons/white/tpu-node-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/tpu-node/icons/color/tpu-node-color.svg" />
            </div>
            <p class="Compitems">tpu-node</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore/icons/color/vertex-ai-featurestore-color.svg" alt="vertex-ai-featurestore" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore/icons/white/vertex-ai-featurestore-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore/icons/color/vertex-ai-featurestore-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-featurestore</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore-entity-type/icons/color/vertex-ai-featurestore-entity-type-color.svg" alt="vertex-ai-featurestore-entity-type" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore-entity-type/icons/white/vertex-ai-featurestore-entity-type-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore-entity-type/icons/color/vertex-ai-featurestore-entity-type-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-featurestore-entity-type</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore-entity-type-feature/icons/color/vertex-ai-featurestore-entity-type-feature-color.svg" alt="vertex-ai-featurestore-entity-type-feature" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore-entity-type-feature/icons/white/vertex-ai-featurestore-entity-type-feature-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-featurestore-entity-type-feature/icons/color/vertex-ai-featurestore-entity-type-feature-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-featurestore-entity-type-feature</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-index-endpoint/icons/color/vertex-ai-index-endpoint-color.svg" alt="vertex-ai-index-endpoint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-index-endpoint/icons/white/vertex-ai-index-endpoint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-index-endpoint/icons/color/vertex-ai-index-endpoint-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-index-endpoint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-metadata-store/icons/color/vertex-ai-metadata-store-color.svg" alt="vertex-ai-metadata-store" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-metadata-store/icons/white/vertex-ai-metadata-store-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-metadata-store/icons/color/vertex-ai-metadata-store-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-metadata-store</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-tensorboard/icons/color/vertex-ai-tensorboard-color.svg" alt="vertex-ai-tensorboard" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-tensorboard/icons/white/vertex-ai-tensorboard-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-tensorboard/icons/color/vertex-ai-tensorboard-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-tensorboard</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-dataset/icons/color/vertex-ai-dataset-color.svg" alt="vertex-ai-dataset" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-dataset/icons/white/vertex-ai-dataset-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-dataset/icons/color/vertex-ai-dataset-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-dataset</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-endpoint/icons/color/vertex-ai-endpoint-color.svg" alt="vertex-ai-endpoint" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-endpoint/icons/white/vertex-ai-endpoint-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-endpoint/icons/color/vertex-ai-endpoint-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-endpoint</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vertex-ai-index/icons/color/vertex-ai-index-color.svg" alt="vertex-ai-index" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vertex-ai-index/icons/white/vertex-ai-index-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vertex-ai-index/icons/color/vertex-ai-index-color.svg" />
            </div>
            <p class="Compitems">vertex-ai-index</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/vpc-access-connector/icons/color/vpc-access-connector-color.svg" alt="vpc-access-connector" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/vpc-access-connector/icons/white/vpc-access-connector-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/vpc-access-connector/icons/color/vpc-access-connector-color.svg" />
            </div>
            <p class="Compitems">vpc-access-connector</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/workflows-workflow/icons/color/workflows-workflow-color.svg" alt="workflows-workflow" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/workflows-workflow/icons/white/workflows-workflow-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/workflows-workflow/icons/color/workflows-workflow-color.svg" />
            </div>
            <p class="Compitems">workflows-workflow</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/workstations-workstation-cluster/icons/color/workstations-workstation-cluster-color.svg" alt="workstations-workstation-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/workstations-workstation-cluster/icons/white/workstations-workstation-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/workstations-workstation-cluster/icons/color/workstations-workstation-cluster-color.svg" />
            </div>
            <p class="Compitems">workstations-workstation-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/cloud-build-worker-pool/icons/color/cloud-build-worker-pool-color.svg" alt="cloud-build-worker-pool" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/cloud-build-worker-pool/icons/white/cloud-build-worker-pool-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/cloud-build-worker-pool/icons/color/cloud-build-worker-pool-color.svg" />
            </div>
            <p class="Compitems">cloud-build-worker-pool</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/secure-source-manager-instance/icons/color/secure-source-manager-instance-color.svg" alt="secure-source-manager-instance" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/secure-source-manager-instance/icons/white/secure-source-manager-instance-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/secure-source-manager-instance/icons/color/secure-source-manager-instance-color.svg" />
            </div>
            <p class="Compitems">secure-source-manager-instance</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/firestore-database/icons/color/firestore-database-color.svg" alt="firestore-database" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/firestore-database/icons/white/firestore-database-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/firestore-database/icons/color/firestore-database-color.svg" />
            </div>
            <p class="Compitems">firestore-database</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg" alt="network-connectivity-service-connection-policy" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/network-connectivity-service-connection-policy/icons/white/network-connectivity-service-connection-policy-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg" />
            </div>
            <p class="Compitems">network-connectivity-service-connection-policy</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/redis-cluster/icons/color/redis-cluster-color.svg" alt="redis-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/redis-cluster/icons/white/redis-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/redis-cluster/icons/color/redis-cluster-color.svg" />
            </div>
            <p class="Compitems">redis-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/gke-hub-feature/icons/color/gke-hub-feature-color.svg" alt="gke-hub-feature" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/gke-hub-feature/icons/white/gke-hub-feature-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/gke-hub-feature/icons/color/gke-hub-feature-color.svg" />
            </div>
            <p class="Compitems">gke-hub-feature</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/privileged-access-manager-entitlement/icons/color/privileged-access-manager-entitlement-color.svg" alt="privileged-access-manager-entitlement" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/privileged-access-manager-entitlement/icons/white/privileged-access-manager-entitlement-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/privileged-access-manager-entitlement/icons/color/privileged-access-manager-entitlement-color.svg" />
            </div>
            <p class="Compitems">privileged-access-manager-entitlement</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/workstation-cluster/icons/color/workstation-cluster-color.svg" alt="workstation-cluster" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/workstation-cluster/icons/white/workstation-cluster-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/workstation-cluster/icons/color/workstation-cluster-color.svg" />
            </div>
            <p class="Compitems">workstation-cluster</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/discovery-engine-data-store/icons/color/discovery-engine-data-store-color.svg" alt="discovery-engine-data-store" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/discovery-engine-data-store/icons/white/discovery-engine-data-store-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/discovery-engine-data-store/icons/color/discovery-engine-data-store-color.svg" />
            </div>
            <p class="Compitems">discovery-engine-data-store</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-autokey-config/icons/color/kms-autokey-config-color.svg" alt="kms-autokey-config" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-autokey-config/icons/white/kms-autokey-config-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-autokey-config/icons/color/kms-autokey-config-color.svg" />
            </div>
            <p class="Compitems">kms-autokey-config</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/kms-key-handle/icons/color/kms-key-handle-color.svg" alt="kms-key-handle" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/kms-key-handle/icons/white/kms-key-handle-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/kms-key-handle/icons/color/kms-key-handle-color.svg" />
            </div>
            <p class="Compitems">kms-key-handle</p>
        </div>
        
        
        
        <div class="maincontainer">
            <div class="componentimg">
                <img id="logo-dark-light" src="/assets/img/integrations/k8s-config-connector/components/secure-source-manager-repository/icons/color/secure-source-manager-repository-color.svg" alt="secure-source-manager-repository" onerror="handleImageError(this)" data-logo-for-dark="/assets/img/integrations/k8s-config-connector/components/secure-source-manager-repository/icons/white/secure-source-manager-repository-white.svg"
                data-logo-for-light="/assets/img/integrations/k8s-config-connector/components/secure-source-manager-repository/icons/color/secure-source-manager-repository-color.svg" />
            </div>
            <p class="Compitems">secure-source-manager-repository</p>
        </div>
        
        
    </section>
</div>
<!-- components end -->





  


<h2>What are Meshery Models and Components?</h2>

<p>Meshery Models and Components represent the fundamental building blocks of your infrastructure. Use them to define the structure and configuration of your infrastructure and deployments by incorporating their use into a Design. Think of Designs as blueprints or templates that encapsulate everything from network configurations to service definitions.</p>

<h6 class="integration">Learn more about <a href="/concepts/logical/models">Models</a>, <a href="/concepts/logical/components">Components</a>, <a href="/concepts/logical/relationships">Relationships</a>, and <a href="/concepts/logical/designs">Designs</a></h6>

<h2>What is the Meshery Registry</h2>

The Meshery Registry is a vital component within Meshery, serving as a centralized repository for managing a diverse range of cloud and cloud native resources. It stores and organizes crucial information such as models, categories, components, and relationships, enabling efficient interaction and utilization of these resources within the Meshery ecosystem. You can conveniently access and manage registry data through Meshery UI, and through Meshery CLI (<a href="/reference/mesheryctl/#meshery-registry-management">mesheryctl registry</a>).

<h6 class="integration">Learn more about the <a href="/concepts/logical/registry">Registry</a></h6>


<section>
    <h3 id="related-designs-header">Designs containing Google Cloud Platform</h3>
    
    <ul>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <li class="design-link">
      <a href="https://meshery.io/catalog/content/catalog/070b4569-2b26-4e13-93f7-9992fdf1e6fd" target="_blank" >GCP DataMesh</a> 
    </li>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
</ul>
</section>





  <h2>Related Models in <b>Orchestration & Management</b></h2>






<ul>
  
    
    <li><a href="/extensibility/integrations/wasmcloud">Wasmcloud</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aperture-controller">Aperture Controller</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aws-eks-controller">AWS Elastic Kubernetes Service</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/awx-operator">AWX Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/cluster-api-provider-openstack">OpenStack (Cluster API Provider)</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/clusterpedia">Clusterpedia</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/coredns">Coredns</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/crossplane-provider-openstack">OpenStack (Crossplane)</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/crossplane">Crossplane</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/eks">AWS Elastic Kubernetes Service</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/envoy">Envoy</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/etcd-cluster-operator">Etcd Cluster Operator</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/k8gb">K8GB</a>
      
    </li>
    
  
    
  
    
    <li><a href="/extensibility/integrations/karmada">Karmada</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/keda-http-scaler">KEDA HTTP Scaler</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/keda">KEDA</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kommander">Kommander</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kubernetes">Kubernetes</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kured">Kured</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/kusk-gateway">Kusk Gateway</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/meshery-core">Meshery Core</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/open-cluster-management">Open Cluster Management</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/scheduler-plugins">Scheduler Plugins</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/volcano">Volcano</a>
      
    </li>
    
  
    
    <li><a href="/extensibility/integrations/aperture-agent">Aperture Agent</a>
      
    </li>
    
  
</ul>


<script>
    function handleImageError(image) {
        image.onerror = null;
        image.src = '/assets/img/integrations/k8s-config-connector/icons/color/k8s-config-connector-color.svg';
    }
    const designLinks = document.querySelectorAll('.design-link');
    if (designLinks.length === 0) {
        document.getElementById('related-designs-header').style.display = 'none';
    }

</script>   
           
          <br/>


        </div>
      </main>
      
      <div class="content-table-wrapper">
        <div class="content-table">
          <div class="content-table__editable"><strong>Tools</strong>
<a href="https://github.com/meshery/meshery/issues/new?assignees=&labels=area%2Fdocs%2C+framework%2Fjekyll&template=documentation.md&title=%5BDocs%5D" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i> Create doc issue</a>
<a href="https://github.com/meshery/meshery/blob/master/docs/_models/k8s-config-connector.md" rel="noopener" target="_blank"><i class="fa fa-edit fa-fw"></i> Edit this page</a>
<a href="https://github.com/meshery/meshery/new/master/docs/_models/k8s-config-connector.md?filename=change-me.md&value=---%0Atitle%3A+%22Long+Page+Title%22%0AlinkTitle%3A+%22Short+Nav+Title%22%0Aweight%3A+100%0Adescription%3A+%3E-%0A+++++Page+description+for+heading+and+indexes.%0A---%0A%0A%23%23+Heading%0A%0AEdit+this+template+to+create+your+new+page.%0A%0A%2A+Give+it+a+good+name%2C+ending+in+%60.md%60+-+e.g.+%60getting-started.md%60%0A%2A+Edit+the+%22front+matter%22+section+at+the+top+of+the+page+%28weight+controls+how+its+ordered+amongst+other+pages+in+the+same+directory%3B+lowest+number+first%29.%0A%2A+Add+a+good+commit+message+at+the+bottom+of+the+page+%28%3C80+characters%3B+use+the+extended+description+field+for+more+detail%29.%0A%2A+Create+a+new+branch+so+you+can+preview+your+new+file+and+request+a+review+via+Pull+Request.%0A" rel="noopener" target="_blank"><i class="fa fa-plus fa-fw"></i> Create new page</a>


<!-- this will parse through the header fields and add a button to open
     an issue / ask a question on Github. The editable field should be in
     the post frontend matter, and refer to the label to open the issue for -->
     
</div>
          <nav id="TableOfContents">
            <strong>Contents</strong>
            <ul>
              <li>
                <ul id="TOC">
                  <!-- Links will be appended here-->
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      
    </div>
    <footer class="footer">
  <!-- meshery-custom-begin"
      <div class="col-6 col-sm-4 text-xs-center order-sm-2">

<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="Twitter" data-original-title="Twitter">
    <a class="text-white" target="_blank" href="https://twitter.com/https://twitter.com/mesheryio">
      <i class="fab fa-twitter"></i>
    </a>
  </li>
</ul>
</div>
<div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
<ul class="list-inline mb-0">
  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" aria-label="GitHub" data-original-title="GitHub">
    <a class="text-white" target="_blank" href="https://github.com/meshery/meshery">
      <i class="fab fa-github"></i>
    </a>
  </li>
</ul>
meshery-custom-end -->
  <div class="text-white">&copy; 2025 The Meshery Authors</div>
  

  <!-- meshery-custom-begin -->

  <div class="footer-icons-list">
    <div class="footer-icons">
      <a class="social__link social__link--forum" href="http://discuss.meshery.io" target="_blank" rel="noreferrer">
        <img
          src=""
          alt="forum"
        />
        <span class="footer-icons-text">Community discussion forum</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--mail" href="https://meshery.io/subscribe" target="_blank" rel="noreferrer">
        <img
          src=""
          alt="mail"
        />
        <span class="footer-icons-text">Get connected with the community</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link social__link--slack" href=" https://slack.meshery.io/" target="_blank" rel="noreferrer">
        <img
          class="slack"
          src=""
          alt="slack"
        />
        <span class="footer-icons-text">Join the Meshery Slack</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://meshery.io/calendar">
        <svg fill="#666666" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
          <path
            d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"
          />
          <g stroke-linecap="undefined" stroke-linejoin="undefined">
            <path d="M-3.468 8.168h-.033m25.313-4.242l-.063-.254M7.858 4.814v9.387" />
            <path d="M1.833 9.507h12.051" />
          </g>
        </svg>
        <span class="footer-icons-text">Subscribe to the community calendar</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://twitter.com/mesheryio" target="_blank" rel="noreferrer">
       <svg alt="twitter" class="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1" height="1.8em"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="#666666"></path></svg>
       <span class="footer-icons-text">Follow on Twitter</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://github.com/meshery" target="_blank" rel="noreferrer">
        <img
          class="github"
          src=""
          alt="github"
        />
        <span class="footer-icons-text">Contribute on GitHub</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://www.linkedin.com/showcase/meshery/" target="_blank" rel="noreferrer">
        <img
          class="linkedin"
          src=""
          alt="linkedin"
        />
        <span class="footer-icons-text">Connect on LinkedIn</span>
      </a>
    </div>

    <div class="footer-icons">
      <a
        class="social__link"
        href="https://www.youtube.com/mesheryio?sub_confirmation=1"
        target="_blank"
        rel="noreferrer"
      >
        <img
          class="youtube"
          src=""
          alt="youtube"
        />
        <span class="footer-icons-text">Watch community meeting recordings</span>
      </a>
    </div>

    <div class="footer-icons">
      <a class="social__link" href="https://hub.docker.com/u/meshery/" target="_blank" rel="noreferrer">
        <img
          class="docker"
          src=""
          alt="docker"
        />
        <span class="footer-icons-text">Access Docker images</span>
      </a>
    </div>
  </div>
  <!-- meshery-custom-end -->
</footer>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>

<script type="text/javascript" src="/assets/js/lightbox.js"></script>
<link rel="stylesheet" href="/assets/css/lightbox.css" />
<script type="module" src="https://md-block.verou.me/md-block.js"></script>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="/assets/js/main.js"></script>
<script src="/assets/js/navbar.js"></script>

 <script async src='https://www.google-analytics.com/analytics.js'></script>
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
	window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
	ga('create', 'UA-00000000-0', 'auto');
	ga('send', 'pageview');
}
</script>

  </body>
</html>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

<script>
$(document).ready(function() {

    var toc = $('#TOC');

    // Select each header
    sections = $('.td-content h1');
        $.each(sections, function(idx, v) {
            section = $(v);
            var div_id = $(section).attr('id');
            if(!section.hasClass('noTOC')){
               var div_text = section.text().split('¶')[0];
              var parent = $("#" + div_id)
              var content = '<li id="link_' + div_id + '" class="md-nav__item"><a class="md-nav__link" href="#' + div_id + '" title="' + div_text +'">' + div_text +'</a>asdf</li>';
              $(document).find(toc).append(content);
            }

            // Add section code to subnavigation
            var children = $('<nav class="md-nav"><ul class="md-nav__list"></nav></ul>')
            var contenders = $("#" + div_id).nextUntil("h1");
            $.each(contenders, function(idx, contender){
               if( !$(contender).hasClass("noTOC") && ($(contender).is('h2') || $(contender).is('h3')) ) {
                   var contender_id = $(contender).attr('id');
                   var contender_text = $(contender).text().split('¶')[0];
                   var content = '<li class="md-nav__item"><a class="md-nav__link" href="#' + contender_id + '" title="' + contender_text +'">' + contender_text +'</a></li>';
                   children.append(content);
                }
             })
             $("#link_" + div_id).append(children);
        });
        //added 'selected' tag to the first element of toc
        $('.md-nav__link').first().addClass('selected');

        $(window).scroll(function(e){
          // Detect how far are we from the top of the page
          let windowTop = $(this).scrollTop();
          // Loop through every navigation menu item
          $('.md-nav__link').each(function (event) {       
              if (windowTop >= $($(this).attr('href')).offset().top - 100) {
              // Remove 'selected' from previously highlighted menu items
              $('.selected').removeClass('selected');
              // Highlight the current menu item by adding 'selected' class
              $(this).addClass('selected');
          }
          if($(window).scrollTop() + $(window).height() > $(document).height() - 10) {
            $('.selected').removeClass('selected');
              $(this).addClass('selected');
          }
        });
      })
      // Smooth scroll to target section when clicking on TOC link
      $('a[href^="#"]').on('click', function(event) {
        event.preventDefault();
        var target = $(this.hash);
        if (target.length) {
          $('html, body').animate({
          scrollTop: target.offset().top - 70
          }, 1000);
        }
      });
    });
</script>

